frontend-components
Design and build reusable UI components following single responsibility principle, composability patterns, clear prop interfaces with sensible defaults, encapsulation of implementation details, consistent naming conventions, local state management, and minimal prop requirements. Use this skill when creating new UI components, refactoring components for reusability, designing component APIs with props and events, implementing component composition patterns, managing component state, documenting component usage, or working on component libraries and design systems. This skill applies when working on Vue components, React components, web components, or any modular UI code.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Features and purpose
Design and build reusable UI components following single responsibility principle, composability patterns, clear prop interfaces with sensible defaults, encapsulation of implementation details, consistent naming conventions, local state management, and minimal prop requirements. Use this skill when creating new UI components, refactoring components for reusability, designing component APIs with props and events, implementing component composition patterns, managing component state, documenting component usage, or working on component libraries and design systems. This skill applies when working on Vue components, React components, web components, or any modular UI code.
Quick start
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
Guides ↗Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-21
- Index updated
- 2026-01-26
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!