📝 Prompt
Design System Component Spec
Spec a reusable UI component with all its states and rules.
DesignCoding
💾 0 saves
by PromptChief Team
Help me spec a reusable component for our design system.
COMPONENT: [[COMPONENT]] (button, input, card, dropdown…)
BRAND/STYLE CONTEXT: [[STYLE]]
WHERE IT'S USED: [[USAGE]]
Define:
1. Anatomy (parts) and variants (e.g., primary/secondary, sizes)
2. All states: default, hover, focus, active, disabled, loading, error
3. Spacing, sizing, and the design tokens it uses
4. Behavior & interaction rules
5. Accessibility requirements (focus, contrast, labels, keyboard)
6. Do/don't usage examples
Make it precise enough to build consistently across the product.
Use this prompt in one click
Save it, fill in the [[variables]], and inject it straight into ChatGPT, Claude or Gemini with the free PromptChief extension.
Open in Prompt Hub →
← Browse all prompts