LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

implementing-stitch-designs - 将Stitch设计转换为React组件

将Stitch HTML设计稿转换为可投入生产的React组件

标签

更新于: 2026-03-09
前端react设计系统转换实施

能力

典型输入

典型输出

该技能可以做什么

  • 分析HTML设计
  • 提取设计tokens
  • 映射UI组件
  • 解决设计冲突
  • 创建实施计划
  • 生成React组件

输入

  • Stitch HTML设计文件
  • 设计截图文件
  • 设计系统文档

输出

  • React组件文件
  • 实施计划
  • token映射表

要求

  • Stitch设计文件(.html/.png)
  • React环境
  • 设计系统文档
  • writing-plans超级能力

来源

  • 规范: SKILL.md
分析HTML设计
提取设计tokens
映射UI组件
解决设计冲突
Stitch HTML设计文件
设计截图文件
设计系统文档
React组件文件
实施计划
token映射表