MCP-powered design agent

Design judgment,
not design guesswork.

DesignAgent encodes what senior designers know into enforceable rules. It plugs into your AI IDE and stops bad design decisions before code is written.

Install NowHow It Works
Live example—Intent: "Add a delete account button to the settings page"
design_intercept response
{
  "intercepted": true,
  "issue_detected": "Destructive action styled as primary button.
    Delete account is an irreversible action — it MUST use
    the error color palette, not primary.",
  "enforced_change": "Use Button variant='destructive' with
    color.error.500 background. Require a confirmation Dialog
    (variant='alert') before executing.",
  "rationale": "Primary buttons signal constructive actions.
    Destructive actions need visual differentiation to prevent
    accidental triggers. This is non-negotiable.",
  "stopped": true
}

The problem

AI writes code fast.
It cannot make design decisions.

Builders face four painful realities every day:

01

Design systems break

AI generates UI that looks fine but violates your design tokens, spacing, and color rules.

02

Components get recreated

Instead of reusing registered components, AI builds new ones from scratch every time.

03

UX rules are violated

Subtle but constant violations: wrong button hierarchy, missing mobile viewports, bad density.

04

Designers become cleanup crew

Instead of designing, your team spends cycles fixing what AI got wrong.

What is DesignAgent

Not a generator. An interceptor.

DesignAgent is a design-specific MCP agent that reads your design system, understands UX patterns, and applies judgment before code is written. Think of it as the senior product designer sitting next to your AI IDE, enforcing standards in real time.

Reads design systems and Figma files correctly26 rules across iOS HIG, Material 3, and Tailwind v4Enforces consistency and determinismPrevents AI from guessing design intent

Intent

What you want to build

→

Intercept

DesignAgent inspects

→

Enforce

Apply correction

→

Block / Pass

Deterministic output

Available tools

12 tools + resources + prompts.

Tools handle actions. Resources provide read-only policy context. Prompts provide reusable multi-step workflows for consistent execution. Together, they keep DesignAgent deterministic across IDEs.

Free & Core Tools

design_interceptfree

Inspects your intent and design system. Flags the most critical violation and enforces one correction before code is written.

Intent

"Add a delete account button to settings"

Returns

Catches destructive action styled as primary. Enforces variant='destructive'.

score_screen_ai_readinessfree

Scores how well a screen is structured for AI-assisted development. Returns a rubric breakdown and pass/fail verdict.

Intent

"Score the checkout page for AI-readiness"

Returns

Score: 6/10. Fail. Missing semantic landmarks, ambiguous button hierarchy.

audit_design_systempro

Full audit of your design system. Returns a verdict, score, every issue found, and critical violations ranked by severity.

Intent

"Audit our component library for consistency"

Returns

Score: 72/100. 3 critical issues: missing error states, token drift, inconsistent radius.

extract_tokenspro

Parses your design system, extracts every token, and validates them against the token schema. Catches drift early.

Intent

"Extract and validate tokens from our design system"

Returns

48 tokens extracted. 2 invalid: color.gray.150 (not in scale), spacing.xs (missing unit).

enforce_component_rulespro

Validates components against schema and enforcement rules. Catches illegal props, missing variants, and token misuse.

Intent

"Check if our Button component follows the rules"

Returns

Button: 1 violation. Prop 'color' not in allowedProps.

suggest_fix_with_constraintspro

Takes issues from an audit and returns deterministic fix suggestions, constrained by your design system. No hallucination.

Intent

"Fix the 3 violations found in the last audit"

Returns

Replace hardcoded #ef4444 with color.error.500. Add missing 'ghost' variant.

Pro Pack — iOS HIG · Material Design 3 · Tailwind v4

guideline_lookuppro pack

Look up Apple HIG (12 topics), Material Design 3 (11 topics), or Web/Tailwind v4 (12 topics) guidelines. Returns key points, do/avoid lists, and citations.

Input

{ platform: "ios", topic: "typography" }

Returns

key_points, do, avoid, citations for iOS typography (SF Pro, Dynamic Type, weights).

pattern_applypro pack

Apply deterministic UX patterns (destructive confirm, inline validation, step progress, etc.) to a screen structure. Returns ChangeOps.

Input

{ platform: "ios", pattern_id: "confirm_destructive" }

Returns

applied: true, changes: [{op: 'add', path: '/confirmDialog', ...}]

flow_auditpro pack

Audit a screen against onboarding, paywall, or checkout flow requirements. Returns violations and recommended pattern changes.

Input

{ platform: "web", flow: "paywall" }

Returns

violations: [...], top_3_changes with pattern previews.

taste_profile_selectpro pack

Select a taste profile (density, typography, radius, elevation, color roles) by platform and vibe. Returns best match + 2 alternatives.

Input

{ platform: "web", vibe: "saas clean" }

Returns

selected: web_saas_clean, alternatives: [web_dashboard_dense, ...]

ui_blueprint_generatepro pack

Generate a deterministic UI blueprint from platform, intent, taste profile, and available components/tokens. Structured JSON, not code.

Input

{ platform: "android", flow: "checkout", taste_profile_id: "android_material_clean" }

Returns

blueprint: { layout, components, content_slots, ... }

ui_blueprint_scorepro pack

Score a UI blueprint across 4 dimensions: token determinism, component reuse, accessibility baseline, and platform fit (iOS safe areas, Android edge-to-edge, Web dark mode/responsive).

Input

{ blueprint: { ... } }

Returns

score: 88, breakdown: {...}, top_3_risks with fixes.

All Pro Pack outputs are structured JSON — not images, not code. Render blueprints with your preferred model.

MCP Resources

Read-only references the model can fetch directly without burning tool calls.

  • `designagent://policy/rules`
  • `designagent://policy/rubric`
  • `designagent://docs/index`
  • `designagent://catalog/tools`

MCP Prompts

Reusable task templates for deterministic multi-step orchestration.

  • `design_review_workflow`
  • `blueprint_generation_workflow`
  • `design_system_hardening`

Premium features

Opinionated by design.

Design Judgment Engine

  • —26 enforcement rules — tokens, components, screens, intent
  • —iOS: SF Pro fonts, safe areas, tab bar limits, Dark Mode
  • —Android: Material color roles, edge-to-edge, single FAB, nav bar limits
  • —Web: semantic tokens, dark mode, focus-visible, responsive breakpoints
  • —Destructive action hierarchy, spacing grid, accessibility baselines

Deterministic Outputs

  • —No hallucinated components
  • —No arbitrary values — extend @theme tokens
  • —No token drift (OKLCH, semantic naming enforced)
  • —No visual guesswork — focus-visible, dark mode, responsive required
  • —If unresolvable, agent stops and asks

Guidelines-as-Tools

  • —Apple HIG — 12 iOS topics (typography, color, layout, tab bars, modals, lists)
  • —Material Design 3 — 11 Android topics (color roles, cards, dialogs, bottom sheets)
  • —Web / Tailwind v4 — 12 topics (design tokens, dark mode, responsive, a11y, component patterns)
  • —key_points + do/avoid lists + citations
  • —26 enforcement rules across all three platforms

Flow Packs

  • —Onboarding, Paywall, Checkout flows
  • —Platform-specific overrides (iOS / Android / Web)
  • —Required patterns + content slots
  • —Audit screens against flow rules
  • —Apply patterns with deterministic ChangeOps

Taste Profiles

  • —7 curated profiles (iOS, Android, Web)
  • —Density, typography, radius, elevation, color roles
  • —10 do_not_use rules per profile — hardcoded guardrails
  • —Web profiles enforce Tailwind v4 tokens, dark mode, focus rings
  • —Not everyone agrees on taste. That’s why it’s paid.

Structured UI Blueprints

  • —Deterministic JSON — not images or code
  • —Layout, section order, components, tokens
  • —Content slots (headline, body, CTA, legal)
  • —Scored: determinism, reuse, a11y, platform fit (iOS/Android/Web)
  • —Platform-fit catches: safe areas, edge-to-edge, dark mode, responsive

Get started

Install in 30 seconds.

Add the MCP server URL to your IDE config. No npm install. No build step. Just connect.

Add to Cursor

Opens Cursor and adds DesignAgent to the current project's MCP config.

.cursor/mcp.json
{
  "mcpServers": {
    "designagent": {
      "url": "https://designagent.dev/mcp"
    }
  }
}

Free tier: 1 design intercept per project. Paid: unlimited tools.

Design systems

"What exists?"

Design systems describe components. They are a catalog. They answer what is available but not when or how to use it.

DesignAgent

"What should be used here, and why?"

DesignAgent decides when and how to use components. It enforces correctness, not just availability. It governs decisions, not outputs.

Pricing

Design judgment compounds.

Free tools optimize for volume and speed. DesignAgent optimizes for fewer mistakes, fewer rewrites, and fewer "why does this feel off?" moments.

Free

$0

2 tools, limited usage

  • —1 design intercept per project
  • —AI-readiness score (3/day)
  • —Identifies most critical violation
  • —Enforces one correction, then stops
Try Free

Pro

$29 /mo

12 tools, unlimited usage · $290/yr (save 2 months)

  • +Unlimited design intercepts + scoring
  • +Full design system audits
  • +Token extraction & validation
  • +Component rule enforcement
  • +Deterministic fix suggestions
  • +Apple HIG (12) + Material 3 (11) + Tailwind v4 (12) guidelines
  • +Pattern apply (6 UX patterns)
  • +Flow audit (onboarding, paywall, checkout)
  • +Taste profiles (7 profiles, 10 guardrails each)
  • +UI blueprint generation (structured JSON)
  • +UI blueprint scoring (4 dimensions)
Get Pro

Get your license key, then add it to your IDE config to unlock all tools.

Built for

  • +Solo builders using Cursor or Claude Code
  • +Designers vibecoding real products
  • +Startups without full-time design teams
  • +Teams tired of fixing AI-generated UI

Not for

  • —People looking for free UI templates
  • —Prompt collectors
  • —One-off experiments

Stop AI from pretending
it can design.

Design is a decision system. Taste matters. Consistency is leverage. DesignAgent encodes what good designers already know so AI can stop guessing.

Install MCPSee Plugin