This skill equips Claude with the expertise of a senior frontend developer to build, refactor, and maintain high-quality React 18 applications. It enforces standardized best practices such as single responsibility principles, props-first design, and composition over configuration using a modern stack of TypeScript, Vite, and shadcn/ui. By providing clear guidance on project structure, custom hooks, and state management, the skill ensures that frontend code is not only functional but also scalable, accessible, and consistent with professional engineering standards.
Key Features
01Standardized project structure management for features, layouts, and hooks
02Architectural guidance for Single Responsibility and Props-First component design
030 GitHub stars
04Implementation patterns for accessible UI using Radix UI and shadcn/ui
05Best practices for TailwindCSS styling and design system token integration
06Advanced React patterns including Container/Presenter and custom hook extraction
Use Cases
01Implementing complex application routing and navigation structures
02Refactoring bloated components into smaller, maintainable, and testable units
03Creating new, accessible UI components that follow a consistent design system
