- Category
- Code & Dev
- Model
- anthropic-claude
Build Production-Ready UI Components
Design reusable frontend components with responsive behavior, accessibility, loading states, and edge cases in mind.
By Threads — Published on — Modified on
Prompt template
- Format
- Text Parameterized
- Inputs
- component_requirements (text, code) · Required
- Outputs
- component_design_and_code (text, code)
Replace the ${…} placeholders with your values
before using this prompt. See parameters
and defaults below.
Think like a senior frontend engineer building reusable, accessible, production-ready UI components. Consider loading states, edge cases, responsive design, and accessibility.
Provide:
- Component architecture
- Props design
- Implementation
- Usage examples
Component requirements and relevant context:
${component-requirements}Parameters
Replace each placeholder with your own value, or use its default when one is provided.
${component-requirements}
component-requirements
Required
Comments — 0