chinese-design-md SKILL.md skillA

chinese-design-md from sanhuang520-ship-it/awesome-chinese-ai-tools is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add sanhuang520-ship-it/awesome-chinese-ai-tools/chinese-design-md@git:20260812.8dc2f6e

Pins git:20260812.8dc2f6e in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
sanhuang520-ship-it/awesome-chinese-ai-tools
Path
skills/chinese-design-md/SKILL.md
Versions recorded
2
Latest version
git:20260812.8dc2f6e, committed Aug 12, 2026
First version recorded
Aug 12, 2026
Size
4,754 bytes
Repository stars
11
License
MIT

中式 DESIGN.md 设计系统。当用户要"中国风网页""国风页面""中式设计系统""给项目定个中式风格""DESIGN.md""让 AI 按设计规范生成界面""中文网页排版规范"时使用。提供 8 套可直接丢进项目根目录的 DESIGN.md,AI 读了就按这套规范生成界面。含西文设计系统普遍缺失的中文排版规则。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 中式 DESIGN.md

**DESIGN.md 是给 AI 编程工具读的设计系统文档。** 放到项目根目录,
AI 生成界面时就照着里面的颜色、字体、组件规则来,不用你每次描述一遍。

这个技能提供 **8 套中式设计系统**,格式与社区通行的 DESIGN.md 一致。

## 什么时候用

要做中国风网页 / 国风 H5 / 中式品牌页;或者你只是不想让 AI 又生成一个
「紫色渐变 + 圆角卡片」的通用界面。

## 怎么用

```bash
# 1. 挑一套,复制到项目根目录
cp skills/chinese-design-md/design-md/ink/DESIGN.md ./DESIGN.md

# 2. 告诉你的 AI 编程工具
```

> 按照项目根目录 DESIGN.md 里的设计规范,实现这个页面

就这两步。Claude Code、Codex、Cursor 都能读。

## 8 套怎么选

| 主题 | 气质 | 适合 |
|---|---|---|
| **水墨** `ink` | 宣纸、墨色层次、大留白 | 长文阅读、文化内容、需要安静的界面 |
| **青绿** `azurite` | 石青石绿矿物色、装饰性强 | 文旅、展览、需要贵气的场景 |
| **宋韵** `song` | 素雅克制、青瓷灰绿 | 茶饮、书店、高端服务 |
| **敦煌** `dunhuang` | 土红石青、斑驳壁画质感 | 文化 IP、叙事型页面 |
| **朱砂** `vermilion` | 雅红、暖白底 | 节日、活动页、转化页 |
| **新中式** `neo` | 木色暖灰、低饱和 | 家居、生活方式、品牌官网。**最百搭** |
| **竹韵** `bamboo` | 竹青素白、清爽 | 健康、教育、环保 |
| **夜宴** `night` | 深色底 + 暖金。**唯一深色** | 影音、夜间模式、高端活动 |

拿不准就用 **新中式**。

## 每份 DESIGN.md 里有什么

YAML frontmatter(语义化 color token,AI 直接读)+ 这些章节:

Overview(含出处)· Colors(含**逐项对比度实测**)· **Typography(中文排版规则)**
· Layout · Elevation · Shapes · Components · Do's and Don'ts · Responsive · Iteration Guide · Known Gaps

## ⭐ 关键差异:中文排版

这是多数设计系统缺的一块。西文 DESIGN.md 的 Typography 章节讲的是字重、
字距、x-height —— **搬到中文页面上基本不适用**。
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add sanhuang520-ship-it/awesome-chinese-ai-tools/chinese-design-md@sha256:4e915ee112b492c6

The line at the top of this page pins the label git:20260812.8dc2f6e, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_p5ldtyqgx7ly5dlx.svg)](https://markdownregistry.com/a/art_p5ldtyqgx7ly5dlx)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, all committed on Aug 12, 2026.

versioncommittedcommitsizeaudit
git:20260812.8dc2f6e latest2026-08-12 8dc2f6e 4,754 BA view · diff
git:20260812.b65ecd82026-08-12 b65ecd8 4,656 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (4754 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

sanhuang520-ship-it/awesome-chinese-ai-tools · 11 stars · license MIT · pushed 2026-11-02 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_p5ldtyqgx7ly5dlx
GET https://markdownregistry.com/api/v1/resolve?ref=sanhuang520-ship-it/awesome-chinese-ai-tools/chinese-design-md
GET https://markdownregistry.com/api/v1/blob/4e915ee112b492c6e09271065600e5d3a251a2abcd35b9700c734aeb513c884c

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from sanhuang520-ship-it/awesome-chinese-ai-tools

DESIGN.md DESIGN.md file
sanhuang520-ship-it/awesome-chinese-ai-tools · DESIGN.md
git:20260812.f828705 · audit A · 11 stars
llms.txt llms.txt file
sanhuang520-ship-it/awesome-chinese-ai-tools · llms.txt
git:20260914.683ae36 · audit A · 11 stars
ai-learning-coach SKILL.md skill
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/ai-learning-coach/SKILL.md · 用 AI 系统学习任何东西的教练。当用户要"学 XX""怎么入门""帮我制定学习计划""我想搞懂 XX""考证/备考""复习"时使用。不是直接讲答案,而是带着走完整的学习循环:定目标→输入→主动回忆→输出→纠错→间隔复习→项目交付。
git:20260812.8dc2f6e · audit A · 11 stars
book-digest-cn SKILL.md skill
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/book-digest-cn/SKILL.md · 中文拆书与读书笔记助手。当用户要"拆书""读书笔记""这本书讲什么""帮我读这本书""做读书卡片""写书评""整理一本书的框架"时使用。重点是把书变成能用的东西,不是复述目录。
git:20260812.8dc2f6e · audit A · 11 stars
bookkeeping-cn SKILL.md skill
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/bookkeeping-cn/SKILL.md · 中文记账与账目整理助手。当用户要"记账""整理流水""做收支表""对账""分类消费""做预算""看看钱花哪了"时使用。只做数据整理与呈现,不提供税务筹划或投资建议。
git:20260812.8dc2f6e · audit A · 11 stars
DESIGN.md@skills/chinese-design-md/design-md/azurite DESIGN.md file
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/chinese-design-md/design-md/azurite/DESIGN.md · 石青与石绿的矿物色,取自《千里江山图》的色彩体系。装饰性强,适合文旅、展览、需要「贵气」的场景。 Azurite and malachite mineral pigments, drawn from the color system of…
v1 · audit A · 11 stars
DESIGN.md@skills/chinese-design-md/design-md/bamboo DESIGN.md file
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/chinese-design-md/design-md/bamboo/DESIGN.md · 竹青与素白,清爽。适合健康、教育、环保、任何想显得「干净有生气」的场景。 Bamboo green and plain white. Fresh and clean.
v1 · audit A · 11 stars
DESIGN.md@skills/chinese-design-md/design-md/dunhuang DESIGN.md file
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/chinese-design-md/design-md/dunhuang/DESIGN.md · 土红、石青、土黄,带斑驳的壁画质感。最有故事感的一套,适合文化 IP、展览、叙事型页面。 Earthy ochre, azurite and clay yellow with weathered mural texture. The…
v1 · audit A · 11 stars
DESIGN.md@skills/chinese-design-md/design-md/ink DESIGN.md file
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/chinese-design-md/design-md/ink/DESIGN.md · 宣纸的米白、墨的层次、大量留白。最克制的一套,适合长文阅读、文化类内容、需要「安静」的界面。 Rice-paper off-white, graded ink tones, generous emptiness. The most…
v1 · audit A · 11 stars
DESIGN.md@skills/chinese-design-md/design-md/neo DESIGN.md file
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/chinese-design-md/design-md/neo/DESIGN.md · 木色与暖灰,低饱和,线条简洁。最百搭的一套,适合家居、生活方式、品牌官网。 Wood tones and warm greys, low saturation, clean lines. The most versatile set.
v1 · audit A · 11 stars
DESIGN.md@skills/chinese-design-md/design-md/night DESIGN.md file
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/chinese-design-md/design-md/night/DESIGN.md · 深色底配暖金,唯一一套深色主题。适合影音、夜间模式、高端活动、需要「戏剧感」的页面。 Dark ground with warm gold — the only dark theme in this set. Cinematic and…
v1 · audit A · 11 stars
DESIGN.md@skills/chinese-design-md/design-md/song DESIGN.md file
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/chinese-design-md/design-md/song/DESIGN.md · 素雅、克制、文人气。青瓷般的灰绿,几乎没有装饰。适合茶饮、书店、高端服务、任何想显得「有文化但不张扬」的地方。 Understated, restrained, scholarly. Celadon grey-green with…
v1 · audit A · 11 stars

Every file in sanhuang520-ship-it/awesome-chinese-ai-tools

Browse by kind, by grade A, or by owner.