design intelligence for Claude Code

Meet your AI
design team.

The design brain Claude Code needs. One command gives Claude a team of design specialists so your product looks designed from the first prompt.

$ npx designagent-cli init
meet your team

A UI designer, and the specialists around them

Five agents install into your repo and read the same brief. One builds; the rest keep the work sharp.

@ui-agent · the one you'll use most
Your UI designer

Ask for a screen, "make a pricing page", "design onboarding", and it composes the layout, hierarchy, type and spacing with taste, then ships it as tokenized code that looks designed.

visual-designdesign-to-code
Why it's the moat. Anyone can wire an agent that reviews or lints. An agent that originates genuinely good visual design: that's the hard part, and the one that makes your product look like someone designed it.
@design-system-agent
Design-systems lead

Keeps every change on-token. Builds components, fixes hardcoded values and drift against DESIGN.md.

@ux-agent
UX reviewer

Catches what's missing (empty, loading, error, edge states) before users do. Reports, never edits.

@copywriting-agent
Copywriter

Writes the interface words in your voice: labels, buttons, empty states, errors, onboarding.

@research-agent · opt-in
Design researcher

Benchmarks how real shipped apps solve a flow and recommends patterns, grounded in real references.

Call one with @agent, or let Claude Code bring in the right one. All run at high reasoning effort on Opus 4.8.

how they stay on the same page

Three files. The shared brief.

Every team needs a brief. Yours just didn't have a designer to write one. init writes it by reading your code.

DESIGN.md
What are the values?

Your real tokens (colors, type, spacing) on Google's open spec. Linted, diffable, exportable.

CLAUDE.md
How do we build?

Craft principles, conventions, accessibility rules. The brief every agent works from.

DECISIONS.md
Why is it this way?

A living log of design decisions, the context tokens alone can't carry.

Hire your design team in one command.

No design system, no setup. Just run it in your project.

$ npx designagent-cli init