LogoClawIndex
案例技能关于
LogoClawIndex

spirit:figma-to-code - 使用 Spirit Web React 将 Figma 设计转换为 React 代码

使用 @alma-oss/spirit-web-react 将 Figma 设计实现为生产级 React UI。

标签

更新于: 2026-09-22
figmareactspirit-web-reactdesign-to-code

能力

典型输入

典型输出

该技能可以做什么

  • 获取 Figma 设计上下文
  • 将设计映射为 Spirit 组件
  • 应用响应式布局断点
  • 实现无障碍语义
  • 验证组件代码

输入

  • Figma URL 或节点 ID
  • Figma 设计上下文
  • 产品需求

输出

  • React UI 组件代码
  • 验证交付报告

要求

  • @alma-oss/spirit-web-react 包
  • get_design_context MCP 工具

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
获取 Figma 设计上下文
将设计映射为 Spirit 组件
应用响应式布局断点
实现无障碍语义
Figma URL 或节点 ID
Figma 设计上下文
产品需求
React UI 组件代码
验证交付报告