← More Amplifier Stories
Active

Design Intelligence

7 specialized AI agents that transform raw design ideas into refined solutions meeting a 9.5/10 quality standard

microsoft/amplifier-bundle-design-intelligence

The Problem

Design Without
Design Expertise

Most developers lack formal design training. When they use AI assistants for design work, the result is category-matched output—a healthcare dashboard that looks like every other healthcare dashboard.

Without deep knowledge of color theory, typography systems, motion design, and spatial composition, AI-generated designs hit a ceiling. The output is competent but uninspired.

The Category Trap
Without Design Intelligence
“Design a dashboard” → Research dashboards → Competent remix of existing UIs
With Design Intelligence
“Design a dashboard” → Decompose cognitive tasks → Fresh work grounded in proven patterns
The Solution

The Three-Part Goal

Every design output from this bundle achieves all three simultaneously:

9.5
Looks Good
Meets a 9.5/10 quality standard through systematic application of design frameworks
★
Feels Theirs
The user recognizes their own vision in the result—elevated, not replaced
∞
Beyond Imagination
Refined in ways the user never thought possible, stretching creative boundaries
User’s spark → Design philosophy + craft → Their expression, elevated
Architecture

7 Specialized Design Agents

🏗️
design-system-architect
System-wide tokens, foundations, and architecture
🧩
component-designer
Individual components, props, and variants
🎬
animation-choreographer
Motion sequences, easing, and choreography
📐
layout-architect
Page layout, information architecture, and grids
🎨
art-director
Aesthetic strategy and visual coherence
📱
responsive-strategist
Responsive strategy and breakpoint design
✍️
voice-strategist
Tone, messaging, and content strategy

Source: agents/ directory in microsoft/amplifier-bundle-design-intelligence

Frameworks

Nine Dimensions of Design

Style
Visual language
Motion
Animation & timing
Voice
Tone & personality
Space
Layout & whitespace
Color
Palette & meaning
Typography
Type system & hierarchy
Proportion
Scale & relationships
Texture
Depth & materials
Body
Components & systems

Five Pillars

1
Purpose
Why does this exist?
2
Craft
Is it well-made?
3
Constraints
What limitations shape it?
4
Incompleteness
What’s intentionally left open?
5
Humans
Who experiences this and how?

Source: context/philosophy/ in the bundle (4 philosophy documents, plus DESIGN-FRAMEWORK.md for Four Layers)

Workflow

Collaborative Transformation

The bundle follows a five-step process that preserves user ownership while elevating quality:

Receive
Any spark of an idea
→
Interpret
Reflect understanding
→
Transform
Apply frameworks
→
Deliver
9.5/10 output
→
Iterate
Refine with ownership
Accepts Any Input
  • Rough ideas: “I want it to feel premium but not cold”
  • Vibes: “Like Sunday morning coffee”
  • References: “Like Stripe but warmer”
  • Feelings: “I don’t know how to describe it…”
Bundle Architecture
  • Pattern: Thin bundle + behavior
  • Inherits: amplifier-foundation (tools, session, hooks)
  • Content: 28 markdown/YAML files, ~11,618 lines
  • Knowledge: Color theory, typography, animation, accessibility
Impact

What This Enables

“That’s MY vision, done better than I imagined.”

Design Intelligence gives developers access to comprehensive design expertise—color theory, typography systems, animation choreography, spatial composition—through specialized agents that collaborate on their behalf.

Instead of producing generic category-matched output, the system applies deep design frameworks across nine dimensions to produce work that is both systematically sound and creatively surprising.

Key Capabilities
  • Design token generation: Complete token systems from discovery briefs (CSS, Tailwind, SCSS, JSON)
  • Component specifications: Implementation-ready specs with variants, states, and accessibility
  • Quality checklists: Structured protocols preventing common anti-patterns
  • Wireframe standards: Guidelines maintaining consistency across projects

Source: context/protocols/ (5 protocol documents)

Velocity

Bundle at a Glance

7
Specialized agents
28
Markdown/YAML files
~11.6K
Lines of content
9+5+4
Dimensions, Pillars, Layers
Content Inventory
  • 4 philosophy documents
  • 4 knowledge base documents
  • 5 protocol documents
  • 7 agent definition files
  • 1 behavior YAML + 1 bundle entry point
Attribution
  • Primary contributor: Brian Krabach
  • Organization: microsoft/
  • License: Microsoft open source
  • Pattern: Thin bundle + behavior

Shallow clone shows 1 visible commit. Full commit history unavailable.

Sources

Research Methodology

Data as of: February 20, 2026

Feature status: Active

Research performed:

  • Bundle structure analysis: find ~/.amplifier/cache -path "*design-intelligence*"
  • File inventory: 28 markdown/YAML files, ~11,618 lines
  • Git log analysis: git log --oneline (shallow clone, 1 visible commit)
  • Contributor analysis: git log --format="%an"
  • Agent inventory from behaviors/design-intelligence.yaml

Gaps: Shallow clone limits full commit history. Line counts and adoption metrics unavailable.

Primary contributor: Brian Krabach (100% of visible commits)

Get Started

Try Design Intelligence

Add comprehensive design capabilities to any Amplifier session

amplifier bundle add git+https://github.com/microsoft/amplifier-bundle-design-intelligence@main

Published by Microsoft · Open source · Follows Amplifier thin bundle + behavior pattern