Frontend Components

This Skill provides Claude Code with specific guidance on how to adhere to coding standards for frontend UI component design and implementation.

When to use this skill

• When creating or modifying UI component files
• When working with React, Vue, Angular, Svelte, or Web Component files (.tsx, .jsx, .vue, .svelte, .component.ts)
• When designing component prop interfaces and APIs
• When implementing component composition by combining smaller components
• When managing component state and deciding whether to lift state up
• When creating reusable components for design systems or component libraries
• When refactoring monolithic components into smaller, focused pieces
• When defining component naming conventions and file organization
• When implementing component encapsulation and private implementation details
• When writing component documentation and usage examples
• When keeping component props minimal and manageable
• When ensuring components have a single, clear responsibility