LogoClawIndex
案例技能关于
LogoClawIndex

vapor-ui - Vapor UI 设计系统与 Figma 转换器

提供 Vapor UI 组件目录、图标查询、用法文档及 Figma 设计到代码的转换

标签

更新于: 2026-05-09
设计系统UI 组件Figma代码生成原型设计图标

能力

典型输入

典型输出

该技能可以做什么

  • 获取组件列表
  • 获取组件信息
  • 获取组件示例
  • 获取图标列表
  • 生成原型代码
  • 转换 Figma 为代码
  • 检测版本
  • 解析 Figma URL
  • 分析节点树

输入

  • 组件版本
  • 组件名称
  • Figma URL
  • 文件密钥
  • 节点 ID
  • 搜索关键词
  • 示例名称
  • 图标类型

输出

  • 组件列表
  • 组件文档
  • 组件示例
  • 图标列表
  • 原型代码
  • 转换代码
  • 代码片段

要求

  • Node.js 环境
  • Figma Dev Mode MCP 服务
  • 网络访问

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
获取组件列表
获取组件信息
获取组件示例
获取图标列表
组件版本
组件名称
Figma URL
组件列表
组件文档
组件示例