中文概述 · 根据原始文档整理，完整规则与命令请查看「文件」中的 SKILL.md。

设计系统与设计变量

建立可复用的设计变量、组件规范、字体和间距尺度，并支持品牌一致的演示设计。

三层变量结构

基础值 → 语义用途 → 组件变量。

例如：蓝色色值先定义为基础变量，再映射为品牌主色，最后用于按钮背景。这样修改主题时不必逐个组件修改颜色。

适用场景

• 设计变量和 CSS 变量体系。
• 组件状态与规范定义。
• 字体、间距尺度和 Tailwind 主题配置。
• 设计交付与品牌演示。

配套能力

包内提供设计变量生成和使用校验脚本，相关说明位于参考文件。

重点要求

脚本路径相对于 Skill 所在目录，项目工作目录保持在项目根目录。 运行前确认脚本路径、输入配置及输出位置；跨 Skill 的引用还需要对应的配套 Skill。