LogoClawIndex
案例技能关于
LogoClawIndex

design-system-patterns - 可扩展设计系统架构模式

设计令牌、主题架构、令牌管道和治理的基础设施

标签

更新于: 2026-06-15
设计系统设计令牌主题无障碍多品牌前端架构令牌管道治理

能力

典型输入

典型输出

该技能可以做什么

  • 定义令牌层级
  • 实现主题切换
  • 构建令牌流程
  • 创建多品牌主题
  • 生成平台令牌
  • 应用无障碍规则
  • 防止样式闪烁

输入

  • 令牌源文件
  • 主题偏好设置
  • 品牌规范
  • React组件
  • 平台配置

输出

  • 令牌变量文件
  • 主题提供者组件
  • 平台令牌文件
  • 应用的主题属性
  • 无障碍令牌

要求

  • React框架
  • Style Dictionary工具
  • CSS自定义属性
  • localStorage API
  • 系统主题检测
  • SSR环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
定义令牌层级
实现主题切换
构建令牌流程
创建多品牌主题
令牌源文件
主题偏好设置
品牌规范
令牌变量文件
主题提供者组件
平台令牌文件