用途:把品牌令牌(色彩、字体、间距、圆角、阴影、动效)编码为三层结构并互相转换,以 L1 DTCG 为唯一真源,L2 原生 CSS 变量和 L3 semantic/shadcn 角色均为派生物。
主要能力:① 正向 L1→L2→L3 派生:将 DTCG 分组展平为 --color-/--neutral-/--tracking-* 等变量,生成 @font-face 与 CDN 字体块,再绑定到 --base-* 语义角色并注册 Tailwind v4 @theme,生成 :root 与 .dark 覆盖集;② 逆向 L3/L2→L1 提取:从 CSS 变量和 @theme 声明反推并重组 DTCG 分组,$description 按注释、文件头来源等顺序尽力推导,无法确定时标注“来源不明”;③ 往返完整性检查:对 hex、rgb、oklch、dimension、字体栈、gradient 等先做规范化再比较,输出 diff 报告。
用法:输入 L1 DTCG JSON 或 L2/L3 CSS 文件,按映射规则生成对应层文件;dark 模式仅通过 .dark 类的 CSS 变量覆盖实现,禁止直接使用 Tailwind dark: 工具类。
限制:三层映射、别名与 FROZEN 规则均依赖源文件显式声明,源中未声明则不注入;gradient 等无法无损往返时以 diff 报告说明;具体命令与安装方式资料未提供。