home/categories/frontend/florianriquelme-statamic-assets-claude-skills-frontend-components-skill-md
frontenddevelopment

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.

FlorianRiquelme
maintainer
FlorianRiquelme
Updated 10/31/2025
Stars
0
Forks
0
quick start

Installation and usage

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
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use frontend-components