• Picks
  • Discover
  • Alternatives
  • About

© 2026 Willet

  • Newsletter
  • About
  • FAQ
  • Terms
  • Privacy & Cookies
Join the Discord (opens in a new tab)
Google Labs Code avatar

DESIGN.md

Markdown format that tells coding agents how a design system looks

  • Agent skills and plugins
  • Design and creative
  • Developer tools
View on GitHub
Website

What it is

DESIGN.md is a file format specification that pairs YAML design tokens (colors, typography, spacing, radii, components) with markdown prose explaining how to apply them, so coding agents can build UIs that match a visual identity. It ships with a CLI that lints a file against the spec, flags broken token references and WCAG contrast problems, and diffs two versions to catch regressions. Designers and front-end teams keep one in their repo so agents that generate interface code stay consistent with the brand.

Images

Facts

Stars
28,438 GitHub stars.
28,438

Forks
2,286
Commits
63
Contributors
26
Language
TypeScript
License
Apache-2.0
Last commit
Oct 16, 2026
On GitHub since
April 2026
First release
April 2026
Platforms
CLI, library
Self-hostable
No
Tags
  • static-analysis
  • coding-agent
  • markdown
  • ui-design
  • context-engineering
  • ui-components

Last synced from GitHub on Oct 20, 2026

The 10 best overlooked open-source projects, every Monday.

Share and more

Comments

No comments yet. Start the conversation.

Similar projects

  • Paul Bakaus avatar

    Impeccable

    Design skill and lint rules that steer AI coding agents toward better UI

    83.6k
  • Hassan El Mghari avatar

    Hallmark

    Design skill that steers coding agents away from generic AI-looking UI

    30.4k
  • Google Labs Code avatar

    Stitch Design Skills

    Agent skills and plugins that let coding agents drive Google Stitch designs

    8.6k

What people are saying

Updated Oct 21, 2026
  • Hacker NewsDesign.md: A format spec for describing a visual identity to coding agentsApr 24, 2026 · 37 points · 4 comments (opens Hacker News in a new tab)
  • Bluesky“DESIGN.md, by (not on Mastodon or Bluesky): #design #documentation #ai”May 3, 2026 · 2 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“this seems pretty interesting! gonna poke around with it”May 3, 2026 · 2 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Today's random GitHub ⭐! google-labs-code/design.md Posted using Starrysky”Oct 6, 2026 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Design.md: A format spec for describing a visual identity to coding agents L: C: posted on 2026.04.24 at 04:00:32 (c=2, p=7)”Apr 24, 2026 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“design.md gives your coding agent a persistent memory of your design system. A format spec from Google Labs so agents stop guessing fonts and spacing. ~17k…”Jun 25, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Here is the repo:”May 2, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Design.md: A format spec for describing a visual identity to coding agents (”Apr 24, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Design.md: A format spec for describing a visual identity to coding agents Discussion”Apr 24, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)