yonatangross

Rapid UI Designer — Design agent for Claude Code

Design community

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

Terminal
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 Repository