Back to directory

DESIGN.md

A file format specification for describing a product's visual identity to coding agents, combining machine-readable design tokens with human-readable design rationale.

DESIGN.md

DESIGN.md is a format specification for describing a visual identity to coding agents, giving them a persistent, structured understanding of a design system. A DESIGN.md file combines machine-readable design tokens, written as YAML front matter, with human-readable design rationale written as markdown prose; the tokens give an agent exact values, and the prose explains why those values exist and how to apply them.

Token types include colors in any CSS color format, dimensions with a unit, references to other tokens, and typography objects covering font family, size, weight, line height and letter spacing. A companion command-line tool validates a DESIGN.md file against the specification, checks WCAG contrast ratios, and reports findings as structured JSON; another command compares two versions of a design system to detect token and prose regressions.

It is maintained by Google Labs Code, written in TypeScript, and licensed Apache-2.0.

More in Agent skills

See all 581
  • Provenance gate

    github.com

    A deterministic authorization gateway that sits between an AI agent and its tools, tracing where each parameter of a side-effect call came from, and blocking the call or asking a human when the source does not check out.

  • A markdown framework of system rules that restates Isaac Asimov's Four Laws of Robotics as a set of prioritized loss calculations for large-language-model agents to follow, published as a discovery file for agents and crawlers to read.

  • Vitruvius

    github.com

    An engineering research agent that runs a discover, read, synthesize, verify and review loop over technical questions, reading sources directly rather than inferring from titles, and publishing its own scored verifier benchmark, weaknesses included.