Produce a component spec with every state
Specify a component completely enough that implementation needs no guesswork.
What this prompt helps you do
A spec covering variants, states, behaviour, responsive rules, accessibility, and the edge cases each state handles.
When to use it
A repeated pattern is being promoted into the design system.
What to prepare
The goal, relevant source material, constraints, examples, and the decision or action this should support.
How to get a strong result
Enumerate loading, empty, error, and disabled states explicitly; those are what get invented during implementation.
How to use this prompt
Replace each placeholder with accurate context. Paste the complete prompt into Claude, review the response critically, resolve important questions, and use it as a considered input to the next decision—not as an unchecked final answer.