LogoClawIndex
案例技能关于
LogoClawIndex

add-design-library-item - 向设计模式库添加新项目

在产品代码使用前创建原子、变体或 Token 等设计库项,配置画廊条目与测试,并完成构建验证。

标签

更新于: 2026-09-21

能力

典型输入

典型输出

该技能可以做什么

  • 确认不存在已有库项目
  • 创建新原子组件
  • 添加原子变体
  • 配置语义 Token
  • 创建原子画廊条目
  • 生成画廊 Manifest
  • 编写原子单元测试
  • 在 Barrel 文件导出组件

输入

  • 渲染原语规范
  • 设计 Token 需求
  • Tailwind 配置文件
  • 设计 Token 文档

输出

  • 原子组件文件
  • 原子画廊文件
  • 原子测试文件
  • 生成的画廊 Manifest 文件
  • 更新的 Barrel 导出文件

要求

  • Bun 运行环境
  • React Native Testing Library
  • Gluestack UI 包
  • 设计系统 ESLint 规则

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
设计系统
原子组件
React Native
Tailwind
组件库
确认不存在已有库项目
创建新原子组件
添加原子变体
配置语义 Token
渲染原语规范
设计 Token 需求
Tailwind 配置文件
原子组件文件
原子画廊文件
原子测试文件