MarkAll
Docs Open app
The design layer for AI coding

Every AI needs a design system.

MarkAll translates any brand, website or screenshot into DESIGN.md — a machine-readable design standard that lives in your repo next to README.md and AGENTS.md. Install it, validate it, export it. Your AI builds in your style, every time.

markall.app — guideline → DESIGN.md
brand guideline · in
Brand Guidelines
Luxury automotive. Dark premium surfaces, precise engineering aesthetic, single blue accent.
LEARN MORE
TEST DRIVE
DESIGN.md · outgenerating…
npx markall@latest add bmw then tell your AI: “use DESIGN.md for all UI work.”
Our philosophy

Humans at the center of everything.

AI can write the code. It can't decide what feels right. Coding is the way to ship — but the design, the graphics and the idea are what make the difference. MarkAll keeps you in the loop: it turns your taste into language a machine can follow, so people lead and the tools execute.

Anyone can generate an interface. Taste, judgment and a point of view — that's still human. That's the difference.

You bring the taste — MarkAll does the translation
01

You bring the taste

Drop a brand guideline, a screenshot, a site you love. The judgment about what feels right stays with you.

02

MarkAll gives it language

We read the visual decisions and write them down as a structured, precise DESIGN.md — the part machines need.

03

Your AI executes it

Hand the DESIGN.md to Claude, Cursor or v0. They build in your style, because the style was never theirs to invent.

A standard, a CLI and a registry — not just a generator

DESIGN.md standard

One machine-readable format: prose plus a token block that validates against a versioned schema.

markall CLI

add, validate, export, diff — design tokens, managed like dependencies.

Validate

Schema checks, valid colors and WCAG contrast — catch design drift before it ships.

Export anywhere

One source of truth → Tailwind config, CSS variables, tokens.json, motion.json.

Registry

npx markall add stripe pulls a verified, versioned design system into your repo.

Built for AI

Per-tool rules for Claude, Cursor, v0 and Lovable: never invent colors — use the tokens.

Install it like any dependency

Set up the markall CLI

Three ways in: scan your own design, init a system from scratch, or add a verified one from the registry. Then validate and export its tokens — your AI reads the DESIGN.md it writes.

your-project — zsh
# turn your own design into a DESIGN.md
$ npx markall scan ./homepage.png --provider anthropic
✓ Acme → DESIGN.md  (anthropic)

# …or scaffold a design system from scratch
$ npx markall init "Acme" --primary "#FF6B00"

# …or pull a verified one from the registry
$ npx markall add stripe
✓ added stripe@1.0.0 — DESIGN.md · tokens.json · markall.lock

# check it against the schema (colors, contrast, a11y)
$ npx markall validate
✓ DESIGN.md is valid DESIGN.md v1

# export tokens for your stack
$ npx markall export tailwind.config.js
$ npx markall export all --out ./design

# then tell your AI:
"Use DESIGN.md for all UI work. Never invent colors."

Commands

  • scan <image>your design → DESIGN.md
  • initdesign system from scratch
  • add <brand>fetch & lock a system
  • validateschema + WCAG checks
  • export <target>tailwind · css · json
  • diff <a> <b>token-level changes

In the registry

stripelinearbmw

More systems land every week. Browse the registry →

Run it today, from source

$ git clone …/MarkAll && cd MarkAll/cli
$ npm link
$ markall add stripe

Make DESIGN.md the standard your AI builds from.

Translate taste into machine-readable intent — then install, validate and export it like any other dependency. You lead; the tools execute.