design-md

仓库创建 2026年7月27日最近提交 21 小时前SkillHot 收录 16 小时前

这个 Skill 做什么

把视觉设计的规范做成机器能读的 DESIGN.md 文件，能帮你校验、导出并生成可直接用的 design tokens。通常在要把颜色、间距等设计值交给代码或自动化工具时用。特别之处是把 YAML（机器数据）和 Markdown（设计说明）放同一文件，既有精确数值也有设计理由，便于人机协作。

▸ 展开 SKILL.md 英文原文

Author/validate/export Google's DESIGN.md token spec files.

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/trojan-lord/hermes-cuso/main/skills/creative/design-md/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/trojan-lord/hermes-cuso/main/skills/creative/design-md/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# DESIGN.md Skill

DESIGN.md is Google's open spec (Apache-2.0, `google-labs-code/design.md`) for
describing a visual identity to coding agents. One file combines:

- **YAML front matter** — machine-readable design tokens (normative values)
- **Markdown body** — human-readable rationale, organized into canonical sections

Tokens give exact values. Prose tells agents *why* those values exist and how to
apply them. The CLI (`npx @google/design.md`) lints structure + WCAG contrast,
diffs versions for regressions, and exports to Tailwind or W3C DTCG JSON.

## When to use this skill

- User asks for a DESIGN.md file, design tokens, or a design system spec
- User wants consistent UI/brand across m

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有