Frontend Components

Design and build reusable, composable UI components following the single responsibility principle with clear prop interfaces and proper state management. Use this skill when creating or modifying React components, Vue components, Svelte components, web components, or any modular UI building blocks. Use this skill when implementing component composition patterns, defining component props and interfaces, managing local component state, or creating component documentation. Use this skill when working with component files in components/, widgets/, views/, or pages/ directories. Use this skill when refactoring large components into smaller composable pieces, establishing component naming conventions, or designing component APIs for reusability across different contexts.