LogoClawIndex
案例技能关于
LogoClawIndex

design-system-patterns - 设计系统模式

使用设计令牌、主题基础设施和组件架构模式构建可扩展的设计系统。

标签

更新于: 2026-09-21
设计系统设计令牌主题化组件架构style-dictionary

能力

典型输入

典型输出

该技能可以做什么

  • 创建设计令牌
  • 实现主题切换
  • 构建多品牌主题系统
  • 架构组件库
  • 建立设计到代码工作流
  • 创建语义化令牌层级
  • 设置设计系统文档

输入

  • Figma 令牌
  • 设计令牌定义
  • Style Dictionary 配置

输出

  • 多平台令牌文件
  • 主题上下文提供者
  • 组件库变体

要求

  • React
  • Style Dictionary
  • Figma

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建设计令牌
实现主题切换
构建多品牌主题系统
架构组件库
Figma 令牌
设计令牌定义
Style Dictionary 配置
多平台令牌文件
主题上下文提供者
组件库变体