Frontend Design Skill

Generates production-ready UI components from natural language descriptions.

Instructions

When the user requests a UI component, layout, or frontend feature:

1. Ask clarifying questions if the request is ambiguous (responsive? dark mode? existing design system?)
2. Generate the component using React + Tailwind CSS by default
3. Output the complete component code with all props, state management, and accessibility attributes
4. Include ARIA labels, keyboard navigation, and semantic HTML
5. Verify the component compiles without errors before presenting

Features