by 安全扫描
OpenClaw
可疑
medium confidence该技能大致匹配UI设计辅助工具，但存在多个不一致性（缺失脚本、数据格式不匹配、元数据与文档不符），在提供Figma令牌或设计文件前应谨慎。
评估建议
安装/使用前考虑以下事项：- 包含不完整，多个脚本和参考文件缺失，部分工作流（Sketch/XD解析、导出、设计转代码）可能未实现。- 数据格式不匹配，figma_parser输出与ui_checker预期不符，可能需要本地转换或更新脚本。- 令牌处理：需要Figma个人访问令牌，仅提供最小权限范围的令牌，优先使用临时令牌。- 代码审查：脚本简短、可读，仅调用api.figma.com和本地文件I/O，无混淆代码或隐藏端点，但建议在沙盒中审查或运行。- 如果需要缺失功能，请向发布者请求完整源代码或缺失脚本。推荐行动：1) 不要共享广泛权限或长期Figma令牌，创建最小权限令牌并在使用后过期。2) 在可丢弃账户或测试文件上本地测试脚本。3) 在依赖自动检查前验证/修补figma_parser输出与ui_checker输入的数据流。4) 如果需要SKILL.md中描述的全部功能，请请求缺失脚本或选择另一个完整工具。信心笔记：评估为“中等”因为现有代码看似良好且与Figma解析一致，但缺失文件和文档不一致创建了关于包完成度和意图的模糊性。...详细分析 ▾
⚠ 用途与能力
声明的用途（Figma/Sketch/XD解析、注释、导出、设计转代码）大致与包含的针对Figma的代码相符。然而，SKILL.md和“核心脚本”列出了许多脚本（sketch_parser.py、annotate.py、export_assets.py、design_to_code.py）和参考文件/引用，但这些在包中不存在。这种差距使得不清楚该技能是否真正实现了声称的功能。此外，两份提供的脚本仅实现了工作流的一部分（Figma解析和UI检查器），而不是所描述的全部功能集。
ℹ 指令范围
运行时指令描述使用Figma API和用户提供的令牌/文件，与figma_parser调用api.figma.com一致。指令不请求无关的系统文件或外部端点。然而，SKILL.md工作流假设其他解析/导出脚本和特定的报告形状；ui_checker预期报告包含一个“elements”数组，而figma_parser产生类似'colors'、'textStyles'和'components'的键——这些数据形状不匹配意味着如果没有额外的胶水代码，遵循文档工作流将可能失败。
✓ 安装机制
没有安装规格（仅指令部署）和没有下载或第三方安装程序；包含的Python脚本在本地运行。从安装角度看，这是低风险的。
ℹ 凭证需求
注册元数据列出没有所需的环境变量，但SKILL.md明确指出需要Figma个人访问令牌，并且figma_parser预期一个令牌CLI参数。请求Figma PAT与声明的Figma集成成比例，但元数据省略（没有声明的环境要求）和缺乏关于最小令牌范围的指导是用户应注意的不一致性。
✓ 持久化与权限
该技能不是始终启用，并且不请求提升或持久特权。它不修改其他技能或代理范围内的配置。允许代理自主调用该技能（平台默认），这本身并不不寻常。
安全有层次，运行前请审查代码。
运行时依赖
无特殊依赖
版本
latestv1.0.02026/3/28
Figma解析/UI规范检查/自动标注/切图导出
● Pending
安装命令 点击复制
官方npx clawhub@latest install software-ui-design
镜像加速npx clawhub@latest install software-ui-design --registry https://cn.clawhub-mirror.com
技能文档
软件UI设计
UI设计自动化
核心能力
设计文件解析
- Figma：通过 Figma API / figma-python 解析文件，提取图层、组件、样式
- Sketch：解析 .sketch 文件（JSON 格式），提取画板、符号、样式
- Adobe XD：解析 .xd 文件（ZIP + JSON），提取 artboard、组件
自动标注
- 提取元素位置、尺寸、间距、颜色、字体信息
- 生成标注文档（Markdown / HTML / JSON）
- 支持多状态标注（默认/悬停/激活/禁用）
切图 & 资产导出
- 自动识别需要导出的元素
- 支持多分辨率导出（1x / 2x / 3x）
- 输出格式：PNG / SVG / PDF / WebP
- 整理为规范目录结构
UI 规范检查
- 颜色规范验证（品牌色是否正确使用）
- 字体规范验证（字号/字重/行高）
- 间距规范验证（8px 栅格系统）
- 输出规范差距报告
设计转代码
- 生成 CSS / Tailwind / Flutter / SwiftUI / Jetpack Compose 代码片段
- 从设计稿提取组件结构和样式属性
关键脚本
scripts/figma_parser.py- Figma API 文件解析scripts/sketch_parser.py- Sketch 文件解析scripts/annotate.py- 自动标注生成scripts/export_assets.py- 批量导出切图scripts/ui_checker.py- UI 规范检查scripts/design_to_code.py- 设计转代码片段
参考资源
references/figma-api.md- Figma API 文档references/design-systems.md- 主流设计系统规范参考
工作流程
- 获取设计文件：用户提供 Figma 链接 / Sketch / XD 文件路径
- 解析提取：调用解析脚本获取图层结构
- 执行任务：标注 / 切图 / 规范检查 / 代码生成
- 输出交付：文档 / 资产包 / 报告
注意事项
- Figma 需要用户提供 Personal Access Token
- Sketch/XD 文件较大，建议压缩或提供具体画板范围
- 切图优先导出 SVG 再转 PNG
- 代码生成仅作参考，需人工审核
数据来源：ClawHub ↗ · 中文优化：龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制
免费技能或插件可能存在安全风险，如需更匹配、更安全的方案，建议联系付费定制