Generates production-ready UI components from natural language. Use when the user asks to design a component, create a button, build a form, prototype a layout, or generate React/Tailwind CSS code. NOT for: backend logic, API design, database schema, or non-UI tasks.
Generates production-ready UI components from natural language descriptions.
When the user requests a UI component, layout, or frontend feature:
Return the complete component code in a single code block with:
User: "Create a user profile card with avatar, name, role, and a follow button"
→ Generate: React component with Avatar, typography hierarchy, FollowButton with hover state
Requires: Node.js, React, Tailwind CSS (installed in the project)