设计系统速查手册
封面 + 色彩令牌 + 字体比例 + 间距/圆角/阴影 + 组件 class 目录,一份可打印的参考卡。
示例 PDF、设计令牌、样式表、品牌素材与提示词——全部为纯静态文件,可直接用于任意项目。
把它们拷进项目即可开始;或交给 Agent 让其遵循规范产出。
结构化设计令牌:颜色、字体、间距、圆角。供程序化导入与构建工具消费。
完整样式表::root 全部令牌 + 暗色模式 + 全部组件与动效。零依赖。
渐进增强脚本:暗色切换、滚动揭示、复制按钮、标签页、图标渲染与令牌表。
Agent 技能包:放入工具的 skills 目录,让 AI 持久遵循设计系统。
完整系统提示词,适合作为系统/项目级指令交给任意 Agent。
100 枚 1.5px 线性 SVG 图标,在视觉手册中点击任意图标即可下载单枚。
这些页面本身严格遵循设计系统,是最佳的实战参考。