VoltAgent/awesome-design-md

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

What it does

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.

How it helps ATF

Worth comparing as a way to give coding agents a consistent style guide when they write UI. Pairing a DESIGN.md with an AGENTS.md could be a reference for how Harness passes project rules to executors.

License

MIT Permissive. Commercial use and changes are allowed if the copyright notice is kept.

More in this category

• 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.
• chenglou/pretext
  A JavaScript and TypeScript library that measures and lays out multiline text with its own logic, so apps avoid DOM measurements that trigger layout reflow. Results can be rendered to DOM, Canvas or SVG.
• google-labs-code/design.md
  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.
• bwya77/vscode-dark-islands
  A dark color theme for VS Code and compatible editors such as VSCodium, with floating glass-style panels, rounded corners, a pill-shaped activity bar and scrollbars, and warm syntax highlighting.
• 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.

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.