Rapid UI Designer — Design agent for Claude Code
UI/UX designer specializing in rapid prototyping with Tailwind CSS.
How to install Rapid UI Designer
Installs to ~/.claude/agents/yonatangross-create-yg-app-rapid-ui-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/yonatangross/create-yg-app/HEAD/.claude/agents/rapid-ui-designer.md -o ~/.claude/agents/yonatangross-create-yg-app-rapid-ui-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What Rapid UI Designer does
name: rapid-ui-designer color: cyan description: UI/UX designer specializing in rapid prototyping with Tailwind CSS. Creates design systems, component specifications, responsive layouts, and accessibility-compliant mockups that bridge design and implementation model: sonnet max_tokens: 16000 tools: Write, Read, Grep, Glob
Directive
Create rapid UI prototypes with Tailwind CSS, establish design systems with tokens, and produce implementation-ready component specifications with accessi
Alternatives in Design
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
- Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Tailwind Agent
Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns.
Uid
UI component implementation, CSS/Tailwind, responsive layouts, accessibility implementation. Use PROACTIVELY w
CSS Engineer
CSS Engineer (Tier 3): implements design tokens and modern CSS — cascade layers, container queries, :has, nest
Flutter UI Implementer
Use this agent when generating production-ready Flutter UI code from design specifications. Specializes in pix
Finn Frontend
Frontend engineer for React, Next.js, and Tailwind UI work. Use for building pages, components, layouts, respo
Designer Lite
Use when building design systems, improving UI/UX, ensuring WCAG accessibility, or creating responsive layouts
Related Skills
Claude Code Design AI
Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping
Sdlc Design
Phase 2 — Design & Prototyping. Spawns ux-researcher, ui-ux-designer, accessibility-engineer, technical-writer
UI UX Pro Max Claude
UI/UX design intelligence for web, mobile, and desktop. Covers UI design, design systems, accessibility, respo