设计系统速查手册
封面 + 色彩令牌 + 字体比例 + 间距/圆角/阴影 + 组件 class 目录，一份可打印的参考卡。
资源下载
下载
示例 PDF、设计令牌、样式表、品牌素材与提示词——全部为纯静态文件，可直接用于任意项目。
核心资源
令牌、样式与提示词
把它们拷进项目即可开始；或交给 Agent 让其遵循规范产出。
tokens.json
结构化设计令牌：颜色、字体、间距、圆角。供程序化导入与构建工具消费。
styles.css
样式表：:root 令牌、暗色令牌覆盖、44 个核心组件家族与动效。无运行时依赖。
scripts.js
渐进增强脚本：暗色切换、滚动揭示、复制按钮、标签页、图标渲染与令牌表。
SKILL 技能包
技能包内容：SKILL.md + styles.css + tokens.json + README。放入 Agent 的 skills 或规则目录作为持久参考。
system-prompt.md
完整系统提示词，适合作为系统/项目级指令交给任意 Agent。
图标库
209 枚 1.5px 线性 SVG 图标，在视觉手册中点击任意图标即可下载单枚。
真实示例
用系统构建的页面
这些页面作为设计系统的实战参考，展示核心规则在实际页面中的用法。