Best Claude Code Design agents

1,044

Ranked by quality score. Browse all 1,044 Design agents

Design agents work on how software looks and how its interface is built: UI designers that apply modern design principles, frontend engineers for component-driven architecture in TypeScript frameworks, design-system advisors, and narrower tools such as a codemod runner that replaces hard-coded visual values with design tokens. Larger frameworks that bundle a design role alongside others also appear here.

Delegate to one when the main session is producing functional but generic interfaces and you want a pass from an agent whose entire prompt is about hierarchy, spacing and colour. Token migrations are a good fit for a subagent because they are mechanical, wide and boring, exactly the work you do not want inflating the main context. Design-system advisors are best used early, before the third inconsistent button exists.

An agent installs as a single file at ~/.claude/agents/<name>.md, or in .claude/agents/ for a project; the entry page has the command. Design agents that run codemods need Edit and Bash; advisors need only Read. Check the tools line in the frontmatter matches the job you are giving it. Then run /agents to confirm and delegate by name.

Top 20 Design agents

Opcode Web Server Design

This document describes the implementation of Opcode's web server mode, which allows access to Claude Code from mobile devices and browsers while…

winfunc Design community

Auto Claude

Autonomous multi-agent coding framework for Claude Code (Claude Agent SDK) that integrates the full SDLC - "plans, builds, and validates software for you".

AndyMik90 Design community

Codemod Runner

Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css.

paperclipai Design community

1code

Best UI for Claude Code with local and remote agent execution.

21st-dev Design community

Software Architect

Resolves contested design questions against the specs; decision + rationale, never code.

triggerdotdev Design community

UI Engineer

Design

Frontend specialist in modern JavaScript/TypeScript frameworks, responsive design, and component-driven architecture

TheCookingSenpai Design community 6 tools

Designguru

Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance, and visual recommendations for any type of…

tinyhumansai Design community

Part of Claude Forge — github.com/sangrokjung/claude-forge

name: architect description: Software architecture specialist for system design, scalability, and technical decision-making.

sangrokjung Design community

Async Code

Use Claude Code or CodeX CLI to perform multiple tasks in parallel with a Codex-style UI, functioning as a personal codex or cursor-background agent.

ObservedObserver Design community

Frontend Design Specification

Frontend Design Specification agent

iannuttall Design community

Html Css

Web standards for semantic markup, maintainable styling, and accessibility.

wshobson Design community

ui-visual-validator

You are an experienced UI visual validation expert specializing in comprehensive visual testing and...

wshobson Design community

Refactor Clean

You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and...

wshobson Design community

team-composition-analysis

Design optimal team structures, hiring plans, compensation strategies, and equity allocation for ear...

wshobson Design community

Frontend Designer

Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical specifications and implementation guides for…

orion-lib Design community

Frame Describer

Describes video frames as detailed text. Used when frame_mode is "descriptions" to convert visual frames into text, saving tokens while preserving key…