frontend-components

Features and purpose

Design and build reusable, composable UI components following Single Responsibility Principle with clear prop interfaces, minimal state, and proper encapsulation. Use this skill when creating or modifying React components, Vue components, Angular components, Svelte components, or Web Components. Use when working with component files (.tsx, .jsx, .vue, .svelte, .component.ts) in component directories. Use when designing component APIs with props and prop types, implementing component composition patterns, managing local component state, or creating reusable design system components. Use when refactoring large components into smaller focused ones, defining component documentation and usage examples, or building component libraries.

Quick start

Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.