Design Substrate

Your AI makes beautiful things.

They all look the same.

A structured design vocabulary that gives AI something precise to execute from — so your work looks like yours.

01 / 06
The problem

The problem isn't capability. It's vocabulary.

Without a design language to draw from, AI defaults to the statistical mean of its training data. The same muted indigo gradients. The same card grids. The same headlines.

02 / 06
What it is

A design language AI can actually speak.

Design Substrate is a skill for Claude Code, Codex, and Gemini CLI. It discovers your taste, sketches real pages immediately, iterates on your reactions, and systematizes what works into a portable token system.

The output is a git repo that IS your design system — browsable HTML and CSS, zero dependencies.

03 / 06
How it works

Sketch first. Systematize later.

$ substrate taste # three questions, then a sketch
$ substrate extract # pull DNA from what you love
$ substrate iterate # sketch, react, refine
$ substrate apply # build something real
04 / 06
Compatibility

Works everywhere you code with AI.

CLAUDE CODE CODEX GEMINI CLI

One skill file. Your substrate travels with your project — consistent aesthetic across every tool, every generation.

05 / 06
Get involved

Ready when you are.

$ substrate taste

Install the skill   ·   Credits

Temperature 8/10 · v4 · Horizontal Magazine · Zorz LLC

06 / 06
scroll · arrows · swipe