LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

ui-setup - 设计系统设置向导

一步步引导用户配置项目的设计系统、颜色、字体并生成首个页面。

标签

更新于: 2026-09-18

能力

典型输入

典型输出

该技能可以做什么

  • 选择应用类型与组合配方
  • 配置品牌颜色与暗黑模式
  • 获取并应用外部设计概念
  • 配置项目字体与导入规则
  • 生成首个主应用页面文件
  • 创建 STYLESEED.md 设计锁定文件

输入

  • 应用类型选择
  • 品牌颜色选择或 Hex 代码
  • 设计概念偏好
  • 字体偏好
  • 应用名称与主页描述
  • 外部仓库 DESIGN.md 内容

输出

  • css/theme.css
  • css/fonts.css
  • css/base.css
  • src/app/App.tsx
  • STYLESEED.md
  • 设置完成摘要消息

要求

  • React 技术栈
  • Tailwind CSS v4
  • 尚未配置 StyleSeed 的项目

来源

  • 规范: SKILL.md
设计系统
设置向导
UI配置
styleseed
主题
选择应用类型与组合配方
配置品牌颜色与暗黑模式
获取并应用外部设计概念
配置项目字体与导入规则
应用类型选择
品牌颜色选择或 Hex 代码
设计概念偏好
css/theme.css
css/fonts.css
css/base.css