design-system-patterns 是帮助 AI 建立设计变量、主题系统和组件规范的 Skill。适合页面越来越多、同一种颜色和间距却在不同地方各写一份的产品团队。
它建议把变量分层：底层保存颜色、字号等原始值，中间层表达用途，组件层再指定按钮或卡片怎么用。比如“主要文字颜色”比“深灰色”更适合拿来做主题切换，因为深色主题里它可能需要变亮。
这样组件引用的是用途，而不必每个页面都记住某个色值。品牌换色、增加夜间模式时，可以先调整对应变量，再检查所有组件的显示结果。
它也覆盖主题偏好保存、系统主题识别、组件尺寸与变体，以及设计变量到代码的转换流程。你需要提供现有视觉规则和组件范围，让 AI 判断哪些值得统一，哪些只是单个页面的例外。
变量也会失控：命名混乱、重复定义或相互循环引用，都会让系统更难维护。它要求记录用途、管理版本并测试主题组合；这套规范要靠项目接入和检查生效，不是装一个 Skill 就自动同步全部设计稿。