Frontend Engineer

关于

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.

主要功能

• Standardized project structure management for features, layouts, and hooks
• Architectural guidance for Single Responsibility and Props-First component design
• 0 GitHub stars
• Implementation patterns for accessible UI using Radix UI and shadcn/ui
• Best practices for TailwindCSS styling and design system token integration
• Advanced React patterns including Container/Presenter and custom hook extraction

使用场景

• Implementing complex application routing and navigation structures
• Refactoring bloated components into smaller, maintainable, and testable units
• Creating new, accessible UI components that follow a consistent design system