Create thorough design system component specifications
Help me spec out this design system component: Component name: [NAME] Purpose: [WHAT IT DOES] Existing design system: [DESCRIBE OR SAY N/A] Requirements: - Use cases: [WHERE IT WILL BE USED] - States needed: [DEFAULT/HOVER/ACTIVE/DISABLED/ETC] - Sizes/variants: [IF APPLICABLE] - Must work with: [OTHER COMPONENTS] Provide detailed specifications for: 1. Anatomy (parts of the component) 2. Visual specifications (spacing, typography, colors) 3. Interaction patterns 4. Accessibility requirements 5. Responsive behavior 6. Do's and don'ts 7. Code component props/API suggestion 8. Documentation template
Help me spec out this design system component: Component name: [NAME] Purpose: [WHAT IT DOES] Existing design system: [DESCRIBE OR SAY N/A] Requirements: - Use cases: [WHERE IT WILL BE USED] - States needed: [DEFAULT/HOVER/ACTIVE/DISABLED/ETC] - Sizes/variants: [IF APPLICABLE] - Must work with: [OTHER COMPONENTS] Provide detailed specifications for: 1. Anatomy (parts of the component) 2. Visual specifications (spacing, typography, colors) 3. Interaction patterns 4. Accessibility requirements 5. Responsive behavior 6. Do's and don'ts 7. Code component props/API suggestion 8. Documentation template
This prompt is released under CC0 (Public Domain). You are free to use it for any purpose without attribution.
Explore similar prompts based on category and tags
Analyze UI layouts for hierarchy, balance, accessibility, and provide actionable improvements
Write comprehensive motion design specifications for consistent, performant animations
Develop comprehensive responsive image strategies for web performance optimization
Generate color palettes with theory explanations, accessibility compliance, and usage guidelines
Generate detailed packaging design briefs covering structure, visual design, and production requirements