google-labs-code/design.md

This page introduces an external open-source repository. It is not an HDATF product.

What it does

DESIGN.md is a file format that describes a design system to coding agents, combining design tokens in YAML front matter with written rationale in markdown. A linter checks the file against the spec, token references and WCAG contrast.

How it helps ATF

Combining exact values with written reasons could be a reference for how Harness gives an agent persistent rules. It is also worth comparing when defining a design system for ATF Works screens.

License

Apache-2.0 Permissive, with a patent grant. Commercial use is allowed; keep the notices and state your changes.

More in this category

• alchaincyf/huashu-design
  Huashu Design is an HTML-native design skill for Claude Code and other agents that turns a text request into clickable prototypes, slide decks, animations or infographics. It includes design-philosophy guides, a five-dimension design review and MP4 export.
• alexpate/awesome-design-systems
  A curated list of design systems from companies and organizations. Each entry is tagged for whether it offers coded components, voice and tone guidance, a designer kit or public source code.
• nexu-io/open-design
  OpenDesign is a local-first desktop app for macOS and Windows that uses a coding agent such as Claude Code, Codex or Cursor to generate prototypes, dashboards, slides, images and video, exporting HTML, PDF, PPTX or MP4 files.
• VoltAgent/awesome-design-md
  A curated collection of DESIGN.md files, plain markdown documents describing the design tokens, patterns and rules of well-known websites. Placed in a project, one lets an AI coding agent generate UI that follows that design language.
• penpot/penpot
  An open-source design platform for product teams, used in the browser or self-hosted. It works with open standards such as SVG, CSS and HTML, and offers real-time collaboration, design tokens, an MCP server, an open API and plugins.

Only repositories in the ranked Trendshift lists are included, and the lists are used only to find candidates. We do not copy their ranks. Descriptions, licenses and star counts come from each GitHub repository. The notes are our own reading. We have not tested these projects, and a place on a trending list does not prove quality.