frontend-components

Design and build reusable, composable UI components with single responsibility, clear interfaces, proper encapsulation, and minimal props following component best practices. Use this skill when creating or modifying React component files (.jsx, .tsx), Vue single-file components (.vue), Angular component files (.component.ts, .component.html), Svelte components (.svelte), Web Components, or any frontend UI component files in directories like components/, src/components/, app/components/, lib/components/, or ui/components/. Use this when designing component APIs by defining explicit, well-documented props with TypeScript interfaces or PropTypes and providing sensible default values for optional props, implementing component composition patterns by combining smaller, simpler components into more complex UIs rather than building monolithic structures that are hard to maintain, ensuring each component has a single clear responsibility and does one thing well following the Single Responsibility Principle, managing

// tip: Run this command in your terminal to install the skill