designpowers

Designpowers

            <o)
            /) )
          ==#===

An agent design team you control. 10 agents that run an inclusive design process while you direct. The system notices how you design and reflects it back.

Designpowers is an open, model-agnostic design workflow that gives you a team of 10 design agents. They discover, research, strategise, design, build, review, and hand off — with accessibility woven into every step. It keeps an observational record of how you design across projects (a mirror you can read, never something it imposes on the work), argues competing directions when you're unsure, and catches taste mismatches mid-build instead of at the end. You're the creative director. They work for you.

Works with any AI coding tool. Designpowers is markdown files — skills, agents, and hooks. It ships as both a Claude Code plugin and a Gemini CLI extension, but the design knowledge works anywhere that reads markdown instructions: Cursor, Windsurf, Copilot, Aider, or any future tool. The design process is the product, not the platform.

What You Get with Designpowers

10 specialist agents that talk to each other and hand off work:

Agent	What they do
design-strategist	Flows, IA, personas, principles, journey maps
design-scout	Competitive research, pattern evidence, benchmarking
inspiration-scout	Aesthetic references, cross-domain inspiration, mood boards
design-lead	Visual design — layout, colour, typography, components
motion-designer	Animation, transitions, micro-interactions, reduced motion
content-writer	Interface copy, labels, errors, plain language, Grade 6 reading level
design-builder	Builds specs into production code
accessibility-reviewer	WCAG/COGA evaluation, audits output, loops back with fixes
design-critic	Reviews against brief, plan, principles; loops back with gaps
heuristic-evaluator	Nielsen's 10 heuristics, cognitive walkthroughs, usability

36 skills that enforce a complete design workflow — from discovery through retrospective.

2 lanes — Build (design something new through the full pipeline) and Review (audit something you already have — a screenshot, URL, or code — through the reviewers, without the full build process).

2 modes — Direct (you approve every handoff) and Auto (agents run the pipeline, you review at the end).

How It Works

When you describe something to build, Designpowers activates with a friendly welcome. First-time users can opt into a guided walkthrough — a 2-minute narrated example that shows how agents hand off work, how you steer decisions, and how reviews catch issues. No commitment required. Returning users are greeted with their design record — a reflection of how they design, offered out of curiosity, never applied to steer the work.

The system starts in Direct mode — you see every handoff and approve before the next agent runs. You can switch to Auto anytime by saying "go auto." Tips appear contextually as features become relevant, not all at once.

Agents hand off to each other with conversational messages you can see:

design-lead → motion-designer: "Frosted glass cards, mint/sage palette. The progress ring is the hero moment — when it hits 100% it needs to feel like a celebration, not just a colour change. Keep it subtle everywhere else."

At every handoff, you can:

• Approve — "ok" or "go"
• Correct — "Use my design system instead"
• Add — "Also handle dark mode"
• Redirect — "Send this back to design-strategist"
• Skip — "Skip motion, go straight to builder"
• Talk to any agent — "design-lead, why frosted glass?"

Your word overrides everything. You're the creative director.

The Workflow

Discover → Research → Strategise → Taste → Inspire → Plan → Design → Build → Taste Check → Review → Fix → Ship → Retrospective
                   ↑ accessibility in every phase, not a final step ↑             ↑ mid-flight correction ↑
                        ↑ debate when direction is uncertain ↑           ↑ how you design, observed across projects ↑