Design intelligence / 01
Read the web.Keep the signal.
Extract the visual language of any website. Get machine-readable tokens and guidance that AI coding tools can use immediately.
Computed styles YAML + Markdown
New extraction
v0.1 alphaTry a reference
Ready for a new auditlinear.app
Inspecting target
Writing DESIGN.md
Generation complete
The handoff / 02
One file.
Less guessing.
Output format explains how the audit is structured so humans and coding agents can use it immediately.
01 / Tokens
Colors, type, shape
YAML front matter stores detected color, typography, radius, shadow, and spacing tokens.
02 / Rules
Components, behavior
Markdown prose translates tokens into component, layout, accessibility, and usage rules.
DESIGN.mdAI-ready handoff
The method / 03
From pixels
to primitives.
One concise audit turns a visual reference into consistent, concrete instructions that are easy to execute.
01
Inspect
Playwright reads computed styles, CSS variables, and the actual component shapes.
02
Synthesize
Nemotron turns raw findings into structured tokens and design rules.
03
Ship
Copy DESIGN.md into your repo so coding agents understand the visual language.
Built for the handoff / 04
A shared source of truth for humans and agents.
No code access Open workflow