figma2code
开发编程暂不可直接安装用"先规划、再分模块还原"的工作流，把 Mastergo 或 Figma 的复杂设计稿高保真还原成代码（HTML/CSS、React、Vue、小程序、uni-app、Taro、Flutter、SwiftUI 等），代替一把梭的整页直译。当用户提到把设计稿转代码、复杂页面还原度低、Figma to code、Mastergo 转代码、设计稿还原、还原 UI、扣图扣代码、把这个页面写出来等场景时都应使用本 skill；用户表达"之前 AI/Cursor 写的还原度不行"、"上次让 Claude/GPT 还原变形了"、"一次性还原效果不好"、"页面写出来对不上设计稿"等挫败感时也要使用——这正是本 skill 的核心目标用户。特别是页面包含多个模块、有重复组件、需要响应式、或之前一次性还原效果不好的时候，必须用本 skill 而不要直接动手写。本 skill 假设用户已经连接了 Figma 或 Mastergo 的 MCP，会引导 Claude 按 全局规划 → 组件树梳理 → 逐模块还原 → 整体拼接 四个阶段推进，并在过程中产出 PLAN.md 和 COMPONENTS.md 两份导航文档。
226
下载量
0
安装量
2
收藏量
★ 4.7
综合评分ⓘ
用"先规划、再分模块还原"的工作流，把 Mastergo 或 Figma 的复杂设计稿高保真还原成代码（HTML/CSS、React、Vue、小程序、uni-app、Taro、Flutter、SwiftUI 等），代替一把梭的整页直译。当用户提到把设计稿转代码、复杂页面还原度低、Figma to code、Mastergo 转代码、设计稿还原、还原 UI、扣图扣代码、把这个页面写出来等场景时都应使用本 skill；用户表达"之前 AI/Cursor 写的还原度不行"、"上次让 Claude/GPT 还原变形了"、"一次性还原效果不好"、"页面写出来对不上设计稿"等挫败感时也要使用——这正是本 skill 的核心目标用户。特别是页面包含多个模块、有重复组件、需要响应式、或之前一次性还原效果不好的时候，必须用本 skill 而不要直接动手写。本 skill 假设用户已经连接了 Figma 或 Mastergo 的 MCP，会引导 Claude 按 全局规划 → 组件树梳理 → 逐模块还原 → 整体拼接 四个阶段推进，并在过程中产出 PLAN.md 和 COMPONENTS.md 两份导航文档。
这个技能还没有正文（SKILL.md），所以无法一键安装。 可以先到 来源页 看看它的原始说明。
相关推荐
Github
Ssteipetev1.0.0
使用 `gh` CLI 与 GitHub 交互，通过 `gh issue`、`gh pr`、`gh run` 和 `gh api` 管理议题、PR、CI 运行及高级查询。
开发编程需 API Key
CodeConductor.ai
Llarsonreeverv1.0.1
AI驱动平台，提供快速全栈开发、智能体、工作流自动化及低代码AI集成的可扩展产品创建。
开发编程
Mcporter
Ssteipetev1.0.0
使用 mcporter CLI 直接列出、配置、认证及调用 MCP 服务器/工具（支持 HTTP 或 stdio），涵盖临时服务器、配置编辑及 CLI/类型生成功能。
开发编程
YouTube
Bbyungkyuv1.0.5
使用托管OAuth集成YouTube Data API，支持搜索视频、管理播放列表、获取频道数据及评论互动，适用于用户需要时使用此技能。
开发编程需 API Key
