name: frontend-components description: Design and implement reusable UI components following single responsibility and composability principles. Use this skill when creating React, Vue, or other framework components, defining component props and interfaces, managing component state, implementing component composition patterns, or documenting component usage. Applies to files like *.jsx, *.tsx, *.vue, and component directories containing reusable UI building blocks.

When to use this skill

• When creating new UI components (*.jsx, *.tsx, *.vue)
• When defining component props and TypeScript interfaces
• When implementing single-responsibility component design
• When building composable components from smaller pieces
• When managing local component state
• When lifting state up to parent components
• When keeping props minimal and well-documented
• When naming components clearly and consistently
• When encapsulating implementation details
• When adding default prop values
• When editing files in components/ directories
• When refactoring large components into smaller ones

Frontend Components

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend components.

Instructions

For details, refer to the information provided in this file: frontend components