Hoang Ngoc Quang Anh Computer, Windows & software tips
VI

design.md

Hoang Ngoc Quang Anh Updated 0 views
design.md
Share:FacebookTelegramZalo
⚡ Quick install — copy & paste
npx @google/design.md lint DESIGN.md
For beginners: Windows: open CMD (click Start → type cmd → Enter), do NOT use PowerShell (PowerShell blocks npx.ps1 because of ExecutionPolicy → error) · macOS/Linux: open Terminal.
🗑️ How to uninstall (per the README)
The repo README does not say how to uninstall. Check the repo README/GitHub for the exact steps.

▶️ Usage summary

  • Install: npx @google/design.md lint DESIGN.md
  • Use: {
  • Token Schema: version: <string> # optional, current: "alpha"
  • Components map a name to a group of sub-token properties: components:

🇻🇳 Đọc bằng tiếng Việt

design.md — design.md helps AI/agents keep the UI consistent by describing the design system as YAML tokens.

What is design.md?

design.md is an open-source app on GitHub (google-labs-code/design.md). design.md helps AI/agents keep the UI consistent by describing the design system as YAML tokens.

What can design.md do?

  • Primary (1A1C1E): Deep ink for headlines and core text.
  • Secondary (6C7278): Sophisticated slate for borders, captions, metadata.
  • Tertiary (B8422E): "Boston Clay" — the sole driver for interaction.
  • Neutral (F7F5F2): Warm limestone foundation, softer than pure white.

How to install design.md

See the ⚡ Quick install section at the top of the page — it has a ready-to-copy command taken from the author’s README, plus where to run it. For the full instructions, see the README at the end of the page.

Frequently asked questions about design.md

Is design.md free?

Yes. design.md is an open-source project on GitHub, so you can download and use it for free.

Is design.md hard to install?

No. You only need to run one command above.

Download & source code

The source code, README and latest updates of design.md are at github.com/google-labs-code/design.md. The star count and update date on this page sync automatically from GitHub.

📖 Full guide

🌐 Translate (Google):

Loading the guide…

🔗 Related repos

theme-factoryA toolkit for applying themes to artifacts — slides, docs, reports, HTML landing pages… C…web-artifacts-builderA toolkit for building complex, multi-component HTML artifacts for claude.ai with modern …algorithmic-artCreates algorithmic (generative) art with p5.js using seeded randomness and interactive p…brand-guidelinesApplies Anthropic's official brand colors and typography to any artifact that needs the c…canvas-designCreates beautiful visual art as .png and .pdf files using design thinking — posters, artw…frontend-designGuidance for designing distinctive interfaces with taste when building new UI or redesign…
Have a question? Ask the groupFacebook group Ask Anything (in Vietnamese): free Q&A on any topic, with real answers.Join the group →
Hoang Ngoc Quang Anh

Sharing computer, Windows and software tips. If you have a question, leave a comment below.