component-states
Installation
SKILL.md
Component States
Every interactive component needs more than a "happy path" design. This skill covers every state a component can be in, with copy-paste patterns and the decision rules for when to use each.
Works with React/Next.js, SvelteKit, or any component-based framework. Pairs with design-system (tokens) and motion (transitions between states).
Triggers
- "component states" / "all states"
- "loading state" / "skeleton" / "spinner"
- "error state" / "empty state"
- "/component-states"