frontend-components

Design and build reusable, composable UI components following single responsibility principle with clear interfaces and proper state management. Use this skill when creating new React components, Vue components, Angular components, or any UI component files, refactoring existing components for reusability, implementing component props or interfaces, managing component state (useState, data properties), building component composition patterns, creating custom hooks or composables, implementing component lifecycle methods, documenting component APIs, splitting large components into smaller ones, or working with component files (.jsx, .tsx, .vue, .svelte, .component.ts). Use when working with component directories like components/, views/, pages/, or widgets/ in any frontend framework.