get-design-done

npx @hegemonart/get-design-done@latest

What It Is

Get Design Done helps AI coding agents ship UI that belongs in your product.

It turns loose requests like "make this screen better" into a traceable design workflow: brief, explore, plan, design, verify.

Instead of asking an agent to improvise from taste alone, GDD gives it a structured process, local design knowledge, project-specific memory, optional design-tool connections, and verification before the work ships.

Why It Exists

AI agents are fast at producing UI. The hard part is making that UI coherent.

Without a design workflow, generated interfaces drift:

• colors and spacing stop matching the system
• components get reinvented
• contrast and accessibility regress
• hierarchy changes from screen to screen
• implementation no longer matches the original brief

GDD adds the missing design discipline around AI coding workflows. It captures the problem, maps the current design system, plans scoped changes, executes them in atomic steps, and verifies the result against the brief, tokens, accessibility, and design-quality rubrics.

Behind the scenes: 64 specialized agents, a queryable intel store, tier-aware model routing, and 39 optional tool connections. What you use day to day is a handful of /gdd:* commands.

Install

npm

npx @hegemonart/get-design-done@latest

Claude Code

/plugin marketplace add hegemonart/get-design-done
/plugin install get-design-done@get-design-done
/reload-plugins

Codex

codex plugin marketplace add hegemonart/get-design-done

agentskills.io

Browse and install Get Design Done from the agentskills.io skills registry.

Direct runtime installer

# Claude Code
npx @hegemonart/get-design-done --claude --global
npx @hegemonart/get-design-done --claude --local

# Other runtimes
npx @hegemonart/get-design-done --codex --global
npx @hegemonart/get-design-done --cursor --global
npx @hegemonart/get-design-done --gemini --global

# Multi-runtime install
npx @hegemonart/get-design-done --all --global

# Preview without writing
npx @hegemonart/get-design-done --dry-run

Quickstart

Run a lightweight first pass:

/gdd:start

Or run the full design cycle:

/gdd:brief
/gdd:explore
/gdd:plan
/gdd:design
/gdd:verify

For natural-language routing:

/gdd:do improve the checkout page hierarchy, spacing, and empty states

Use Cases

Improve An Existing Screen

Use GDD when a screen works technically but feels visually inconsistent, unclear, or under-designed.

/gdd:do improve the settings page layout and component hierarchy

Bring AI Output Back To The Design System

Use it when an agent generated UI that looks plausible but does not match your tokens, spacing, states, or components.

/gdd:verify

Audit Before Shipping

Run verification before a PR, release, or design handoff.

/gdd:audit

Fix Dark Mode

/gdd:darkmode

Import A Design Handoff

/gdd:handoff ./my-design.html