fune6900

Sub Agent Designer — Design agent for Claude Code

Design community

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

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