TierOne Studio
Official@TierOne-Studio
TierOne Studio provides 47 skills for React SPA engineering, covering component patterns, state management, testing, performance, accessibility, and frontend security.
Agent Skills by TierOne Studio
Showing 47 vetted skills indexed across 1 GitHub repositories.
TierOne-Studiorender-props-pattern
Implements the React render props pattern to share stateful logic between components.
TierOne-Studioreact-patterns
Enforces component shape and hook discipline rules for React function components.
TierOne-Studioplaywright-best-practices
Guides writing, debugging, and maintaining Playwright tests in TypeScript across E2E, API, and component testing.
TierOne-Studioreact-composition-2026
Teaches modern React composition patterns for designing flexible component APIs and refactoring prop-heavy components.
TierOne-Studiocompound-pattern
Implement React compound components that share implicit state via Context API.
TierOne-Studiorlm-explore
Explores large codebases and dense context by extracting evidence-cited working sets.
TierOne-Studiobundle-size
Audits JavaScript bundle composition and dependency costs in Vite React builds.
TierOne-Studiofailure-mode-analysis
Enumerates eight failure-mode categories before writing tests in TDD workflows.
TierOne-Studioreact-performance
Diagnose React rerender cost and apply measured memoization, virtualization, and code-splitting fixes.
TierOne-Studioproxy-pattern
Implements JavaScript Proxy handlers to intercept property access, assignment, and validation.
TierOne-Studiovitest
Write, configure, and run Vitest unit tests with mocking, coverage, and fixtures.
TierOne-Studiogit-workflow
Enforces approval-gated git commit, push, branching, and PR workflows with Conventional Commits.
TierOne-Studioreact-state-management
Guides placement of React state across local, context, Zustand, and TanStack Query layers.
TierOne-Studiohooks-pattern
Guides extraction of stateful React logic into reusable custom hooks.
TierOne-Studiotailwind-v4-shadcn
Configure Tailwind CSS v4 with shadcn/ui, Vite, and React including dark mode theming.
TierOne-Studiotypescript-advanced-types
Implement generics, conditional types, mapped types, and template literal types in TypeScript.
TierOne-Studioshadcn
Manages shadcn/ui components via CLI for adding, searching, styling, and composing React UI.
TierOne-Studiomodule-pattern
Guides export and encapsulation decisions for non-React JavaScript modules.
TierOne-Studiorepo-conventions
Documents spa-velocity codebase conventions for architecture, state, routing, forms, styling, and testing.
TierOne-Studiodecision-rules
Provides a decision table with rationale for resolving ambiguous coding requests and scope conflicts.
TierOne-Studioreact-2026
Guides selection of React frameworks, build tools, routing, and state management for modern projects.
TierOne-Studioai-ui-patterns
Implements React design patterns for streaming AI chat interfaces using the Vercel AI SDK.
TierOne-Studiovite
Configure Vite build tooling, plugins, SSR, and Rolldown migration for frontend projects.
TierOne-Studiopushback-templates
Provides phrasing templates and example dialogues for pushing back on user requests.
Frequently Asked Questions About TierOne Studio
FAQPage SchemaWhat tasks can I accomplish using TierOne Studio's skills?▼
You can design React component APIs, manage state with Zustand and TanStack Query, build forms with React Hook Form and Zod, write Vitest and Playwright tests, configure Tailwind v4 with shadcn/ui, optimize bundle size and rerenders, enforce accessibility, and audit frontend security surfaces like XSS sinks and token storage.
Who are TierOne Studio's skills designed for?▼
Frontend engineers and React developers building single-page applications with TypeScript, Vite, and modern React. The skills target practitioners handling component architecture, state placement, testing strategy, performance tuning, routing with React Router 7, and code review against SOLID, DRY, and KISS principles.
How do the skills trigger during development work?▼
Skills activate contextually: pattern skills fire on .tsx/.jsx file paths, react-patterns and tdd-workflow apply to all component and executable-code changes, accessibility force-fires on any UI markup diff, and frontend-security triggers on diffs touching auth, tokens, or user-supplied HTML.
Are TierOne Studio's skills open source and what do they cost?▼
The pattern-catalog skills (hooks, HOC, render-props, compound, provider, module, proxy, mixin) are MIT-licensed, authored by patterns.dev. Playwright best-practices from currents.dev and Tailwind v4 setup are also MIT-licensed. No cost is indicated for any skill in the manifest.
What prerequisites and dependencies do these skills assume?▼
Skills assume a React SPA stack: TypeScript, Vite, Tailwind CSS v4, shadcn/ui with components.json, Zustand, TanStack Query, React Router 7, React Hook Form with Zod, Vitest with Testing Library, and Playwright. Some skills reference the spa-velocity and api-velocity repositories with better-auth and RBAC route guards.