Sub Agent Designer — Design agent for Claude Code
PROACTIVELY used when designing UI/UX, implementing Tailwind CSS styling, or building frontend components.
How to install Sub Agent Designer
Installs to ~/.claude/agents/fune6900-agentic-tdd-starter-sets-sub-agent-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/fune6900/agentic-tdd-starter-sets/HEAD/.claude/agents/sub-agent-designer.md -o ~/.claude/agents/fune6900-agentic-tdd-starter-sets-sub-agent-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What Sub Agent Designer does
name: sub-agent-designer description: PROACTIVELY used when designing UI/UX, implementing Tailwind CSS styling, or building frontend components. MUST BE USED when a user interface requires accessibility improvements, responsive design, or visual consistency. tools: Read, Write, Bash, Grep, Glob, mcp__chrome-devtools__take_screenshot, mcp__chrome-devtools__click, mcp__chrome-devtools__fill, mcp__chrome-devtools__fill_form, mcp__chrome-devtools__hover, mcp__chrome-devtools__press_key, mcp__chr
Alternatives in Design
- HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Uid
UI component implementation, CSS/Tailwind, responsive layouts, accessibility implementation. Use PROACTIVELY w
Tailwind Patterns
Use proactively whenever the user writes or modifies Tailwind CSS — including utility classes, theme configura
Frontend Engineer
Frontend implementation specialist for UI components, React patterns, CSS styling. Use proactively when task i
UI Developer
Use this agent for frontend implementation — UI components, pages, styling, accessibility, and responsive desi
Rapid UI Designer
UI/UX designer specializing in rapid prototyping with Tailwind CSS. Creates design systems, component specific
Frontend Minimalist
Livewire and Tailwind specialist. Use for work in app/Livewire, resources/views, resources/css or resources/js
Related Skills
Tailwindcss V4
Get up-to-date Tailwind CSS v4 documentation and help with frontend styling, utilities, and design changes. Us
2
Build a high-fidelity, responsive, dark-themed hero section for a SaaS product called "Taskora" using React, T
Claude Code Design AI
Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping