LogoClawIndex
案例技能关于
LogoClawIndex

design-system-components - 构建可复用的设计系统组件

使用 Surface 原语、CVA 变体和设计令牌构建可复用组件

标签

更新于: 2026-03-25
设计系统组件ReactTypeScriptCVA令牌变体

能力

典型输入

典型输出

该技能可以做什么

  • 定义 CVA 变体
  • 创建 Surface 原语
  • 构建组件变体
  • 应用设计令牌
  • 组合条件类
  • 创建类型安全 API

输入

  • 设计令牌
  • 组件需求
  • CVA 配置

输出

  • React 组件
  • 组件变体
  • TypeScript 接口

要求

  • React 环境
  • TypeScript
  • class-variance-authority 包
  • cn 工具函数

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
定义 CVA 变体
创建 Surface 原语
构建组件变体
应用设计令牌
设计令牌
组件需求
CVA 配置
React 组件
组件变体
TypeScript 接口