chinese-web-themes SKILL.md skillA

chinese-web-themes 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-web-themes@git:20260813.4dbb4e2

Pins git:20260813.4dbb4e2 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-web-themes/SKILL.md
Versions recorded
3
Latest version
git:20260813.4dbb4e2, committed Aug 13, 2026
First version recorded
Aug 6, 2026
Size
5,199 bytes
Repository stars
11
License
MIT

中式网页主题库。当用户要"中国风网页""国风网站样式""古风博客主题""中式配色 CSS""水墨风页面""新中式网页""给网站换个中国风皮肤"时使用。提供 8 套可直接引入的 CSS 主题,内置中文排版规范。.

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

# 中式网页主题库

**一个事实**:主流网页主题库里有日式极简,却几乎没有中式的。

我们查过某个 32 套主题的知名库——有 `japanese-minimal`、`tokyo-night`、`nord`、`gruvbox`,
**一套中式的都没有**。中文用户想做国风网页,只能自己从零调色。

## 什么时候用

做中国风网页/博客/文档站、给现有站换中式皮肤、要一套中式配色方案、中文长文阅读页排版。

## 8 套主题

| 主题 | `data-theme` | 色系 | 适合 |
|------|-------------|------|------|
| **水墨** | `ink` | 素白宣纸 · 墨黑 | 随笔、诗词、极简博客 |
| **青绿** | `azurite` | 石青 · 石绿 | 文旅、山水、《千里江山图》感 |
| **宋韵** | `song` | 天青 · 素雅 | 茶文化、克制的品牌站 |
| **敦煌** | `dunhuang` | 土红 · 石青 | 文化 IP、历史题材 |
| **朱砂** | `vermilion` | 中国红 · 墨 | 节庆、有力度的主张 |
| **新中式** | `neo` | 木色 · 素白 | 家居、当代品牌 |
| **竹韵** | `bamboo` | 竹青 · 米白 | 清雅、自然、健康 |
| **夜宴** | `night` | 墨底 · 暗金 | 深色模式 |

另有 `auto` —— 跟随系统深色偏好。

## 怎么用

**1. 引入样式**

```html
<html lang="zh-CN" data-theme="ink">
  <link rel="stylesheet" href="themes.css">
```

**2. 切换主题**(改属性即可,无需重载)

```js
document.documentElement.dataset.theme = 'azurite';
```

**3. 可选装饰**

```html
<html data-theme="ink" data-paper="on">      <!-- 宣纸纹理 -->
<html data-theme="song" data-indent="print"> <!-- 首行缩进(印刷风)-->
```

### 接入现有网站时

用户要求保留原有正文、代码块或组件样式时,不要把主题 CSS 当作整站重置。优先给最短接入方案,并在上线清单里**逐项写出**这 6 类检查;不能因为其中一项看似与配色无关而省略:

1. **正文**:行宽、字号、行高、段落间距没有被主题意外覆盖。
2. **移动端**:窄屏无横向溢出,长标题、图片和表格仍可用。
…

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-web-themes@sha256:1cbb4e17e8883127

The line at the top of this page pins the label git:20260813.4dbb4e2, 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_h4mg5due2n36ekue.svg)](https://markdownregistry.com/a/art_h4mg5due2n36ekue)

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

Versions

The registry has recorded 3 versions of this file, between Aug 6, 2026 and Aug 13, 2026, about one every 4 days.

versioncommittedcommitsizeaudit
git:20260813.4dbb4e2 latest2026-08-13 4dbb4e2 5,199 BA view · diff
git:20260812.8dc2f6e2026-08-12 8dc2f6e 4,210 BA view · diff
git:20260806.4701e752026-08-06 4701e75 4,110 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 (5199 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_h4mg5due2n36ekue
GET https://markdownregistry.com/api/v1/resolve?ref=sanhuang520-ship-it/awesome-chinese-ai-tools/chinese-web-themes
GET https://markdownregistry.com/api/v1/blob/1cbb4e17e8883127be14d2b5a486fa2f66cd985fdd0c71da361fe38d3cd2296d

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
chinese-design-md SKILL.md skill
sanhuang520-ship-it/awesome-chinese-ai-tools · skills/chinese-design-md/SKILL.md · 中式 DESIGN.md 设计系统。当用户要"中国风网页""国风页面""中式设计系统""给项目定个中式风格""DESIGN.md""让 AI 按设计规范生成界面""中文网页排版规范"时使用。提供 8 套可直接丢进项目根目录的…
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

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

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