Agent skill · software engineering · aiskillstore
frontend-components
Design and build reusable, composable UI components following single responsibility principle with clear props, proper encapsulation, and minimal state management. Use this skill when creating or modifying React, Vue, Svelte, or web components, defining component props or interfaces, managing component state, building component libraries, or refactoring UI code. Apply when working with .jsx, .tsx, .vue, .svelte files, component directories, or any code that defines reusable UI building blocks with configurable interfaces and composable architectures.
Why this skill is useful
Codifies standards for building reusable UI components in frontend frameworks, which the AI could infer but now doesn't have to guess.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Frontend Components When to use this skill When creating new React, Vue, Svelte, or web components When modifying existing component files (.jsx, .tsx, .vue, .svelte) When defining component props, interfaces, or prop types When implementing component state management (useState, reactive data) When building reusable UI elements (buttons, cards, forms, modals) When composing complex UIs from smaller component building blocks When refactoring large components into smaller, focused ones When creating component libraries or design systems When managing component lifecycle hooks or effects When implementing component communication patterns (props, events, callbacks) When documenting component usage and API When optimizing component performance or reducing re-renders When working in component directories or module structures This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend components. Instructions For details, refer to the information provided in this file: frontend components
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/frontend-components--8ee7b5