用途概括通过设计令牌、主题基础设施与组件架构模式构建可扩展设计系统。提供令牌层级、CSS 变量主题化与 Figma 到代码流水线。价值：跨 Web 与移动端一致、可维护的 UI 基础。
业务领域
Design
技能形态
Style Guide
业务领域
技能形态
技能解析
剖析技能的工作原理和产出物，快速判断你的场景与价值。
当创建设计令牌、实现主题切换、构建组件库或建立 Web/移动端 UI 设计系统基础时。
可扩展的设计系统基础：一致令牌、多主题支持、可复用组件 API 与自动化令牌同步，提升 UI 一致性与可维护性。
使用场景
前端团队启动新产品需统一视觉语言。使用该技能定义原始与语义令牌，用 CSS 变量搭建明暗主题，构建 API 一致的组件库。避免硬编码值，加快开发，保障跨平台品牌一致性。
多品牌公司需主题切换。技能的多品牌主题与令牌流水线（Style Dictionary 从 Figma 转码）可生成各平台令牌并经 CI/CD 同步。减少设计开发偏差与人工错误，支持快速品牌变体。
技能关系
依赖关系读作「上一格指向下一格」。当前 Skill 位于第二格，上下分别是影响它与被它影响的 Skill。
第一层 · 这些 Skills 用了我
第二层 · 当前 Skill
第三层 · 我用了这些 Skills
在所属技能集的全局上下文中浏览当前 Skill 的关系。点击节点切换右侧详情,搜索框可快速定位技能。
技能文件