figma-optimizer — figma-code-optimizer — Figma 设计稿代码生成优化
v1.0.4从 Figma 设计稿生成符合项目组件库和设计规范的高质量前端代码，支持组件重用、设计规范遵循和结构清晰的代码生成。
1· 229·0 当前·0 累计
by 安全扫描
OpenClaw
安全
medium confidence该技能的请求动作（通过 MCP 读取 Figma 框架、映射到组件库和令牌、发出 React 代码）与其描述一致；没有声明安装、凭据或无关系统访问——但 SKILL.md 假设一个外部 Figma MCP 连接，这在注册元数据中没有明确声明，因此请验证您的平台如何提供此连接。
评估建议
此技能似乎适合生成从 Figma 生成的组件库对齐的 React 代码。安装前：1) 确认 Figma MCP 连接的提供方式（平台内置连接器 vs. 外部端点）和是否使用或存储 API 令牌。2) 验证代理在进行组件匹配时不会访问无关存储库或系统秘密。3) 在生产环境中使用生成的代码前进行审查（检查令牌、ARIA/可访问性和外部调用）。4) 如果担心自动访问私有 Figma 文件，请限制技能的运行权限或避免启用自主调用。...详细分析 ▾
✓ 用途与能力
技能名称/描述（从 Figma 生成组件库对齐的前端代码）与指令匹配：SKILL.md 描述了提取框架、样式、映射到组件/令牌并生成 React 代码。没有请求的内容（无二进制文件、无环境变量）似乎与声明的目的无关。指令预期的唯一外部依赖项是一个 Figma MCP 连接（MCP 服务器或 Figma-Context-MCP），这对于 Figma 集成是合理的，但在注册元数据中没有声明为必需的凭据。
✓ 指令范围
指令保持在任务范围内：通过 MCP 获取选定的 Frame，提取样式/变量/组件，映射到用户的组件库和设计令牌，并生成代码。文档不指示代理读取任意系统文件、秘密或无关配置。它允许一些开放式的映射决策（例如，在用户的库中找到最佳匹配组件），这对于代码生成是预期的，但如果代理有访问权限，可能会导致广泛读取项目文档——确认代理在运行时实际将被允许访问哪些项目工件。
✓ 安装机制
这是一个仅指令的技能，没有安装规范，也没有捆绑代码。这是最低风险的安装配置 — 该技能本身不会将任何内容写入磁盘。
ℹ 凭证需求
该技能没有声明必需的环境变量或凭据，这与注册元数据一致。然而，SKILL.md 明确预期一个 Figma MCP 连接（官方 MCP 或 Figma-Context-MCP）。如果您的平台提供了一个内置的 Figma 连接器，这是合理的；如果技能预期代理调用一个外部 MCP 端点，您应该确认将使用哪些凭据/端点以及是否需要或存储任何令牌。
✓ 持久化与权限
该技能不请求 `always: true` 且不声称修改其他技能或持久化系统范围的配置。自主调用（启用模型调用）是平台默认值，并适用于此类型的技能。
安全有层次，运行前请审查代码。
运行时依赖
无特殊依赖
版本
latestv1.0.42026/3/17
移除了 `_meta.json` 文件。没有对技能功能或文档进行更改。
● 无害
安装命令 点击复制
官方npx clawhub@latest install figma-code-optimizer
镜像加速npx clawhub@latest install figma-code-optimizer --registry https://cn.clawhub-mirror.com
技能文档
技能概述
这个技能帮助 AI 代理从 Figma 设计稿生成代码时，能够：- 识别并复用你项目中的现有组件库
- 遵循你的设计规范（颜色令牌、间距规则、字体系统）
- 生成结构清晰、可维护的生产级代码
- 避免常见的代码生成问题（如硬编码值、嵌套过深）
skill_md_content）数据来源：ClawHub ↗ · 中文优化：龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制
免费技能或插件可能存在安全风险，如需更匹配、更安全的方案，建议联系付费定制