Teach your agent to design.
A markdown guide you paste into your agent's config. It reads the principles, builds its own design system — tokens, rules, enforcement. No frameworks. Just design thinking for machines.
~6,352 words · 11 chapters · tool-agnostic
What's inside
Philosophy, principles, system, template.
Foundation
Chapter 0
The Prompt
Cold-open instruction block your agent reads first.
Chapter 1
Why This Matters
The gap between functional and premium is design.
Chapter 2
How to See
Develop taste before picking colors.
Principles
Chapter 3
Typography
Type hierarchy, modular scales, and the 45-75 rule.
Chapter 4
Color
Semantic palettes, restraint, and accessibility.
Chapter 5
Spacing & Layout
Mathematical scales, proximity, and whitespace.
Chapter 6
Hierarchy & Composition
The one-thing rule and narrative pacing.
System
Chapter 7
Building Your System
Turn principles into a concrete design-system.md.
Chapter 8
The Template
Copy-paste skeleton with every decision point marked.
Chapter 9
A Sample System
Fully worked example derived from 5 reference designers.
Reflection
Chapter 10
Common Mistakes
What goes wrong and how to iterate.
How it works
Three steps to a design system.
01
Paste the guide into your agent's config
System prompt, project config, or knowledge base — wherever your agent reads on startup.
02
Show your agent 3 reference designs you love
It extracts the spacing rhythm, type hierarchy, color palette, and whitespace ratios.
03
Your agent produces a design-system.md
Specific tokens, rules, enforcement, and a QA checklist. One file, used everywhere.
One markdown file. Your agent reads it once, designs with taste forever.
Markdown file. Works with any agent. No subscriptions.
Get the Guide — $29