design-system

Installation
SKILL.md

Design System

一套设计系统给多个站点用:底色、分层、功能色、字体、圆角共用,每个产品只换界面强调色。本 skill 管三件事:分析站点的主题色、接入新站点或新主题、检查插件是否守契约。色值本身不在这里,在设计系统目录的 tokens.json(格式见 references/token-format.md)。

先找到设计系统

按顺序找,找到就停:用户给的路径 → 当前仓库的 design-system/tokens.json → 仓库 AGENTS.md/CLAUDE.md 里写明的品牌仓库路径。都没有就问用户,不自己编一套色值。

找到后先跑一次检查,确认起点是好的:

python3 scripts/check_tokens.py <design-system>/tokens.json

1. 分析一个站点的主题色

用户给 URL,问它的主题色、配色做法,或想参考它时用。

先定分析对象。营销站(首页、定价页)和产品界面(登录后的应用)常常不同色:营销页可以用渐变、背景视频,产品界面只用一个强调色。先确认用户要的是哪一个,结论里写明实际分析的地址。

Installs
4
GitHub Stars
4
First Seen
10 days ago