作为一名每天烧掉上千美金算力的coder
分享一下我目前跑通的完整AI coding SOP，纯个人实操心得（附所有涉及到的资源链接）
需求阶段：
Gemini（产品经理gems） → 这阶段主要用来反复聊需求、梳理PRD、把产品逻辑彻底捋清楚
前端设计：我目前有3套能稳定出效果的打法，全都放出来给大家参考：
方案1：设计稿直出 → Figma转代码流
用 Gemini nano / banana / lovart / stitch 其中任意一个直接生成设计稿
然后让AI工具通过 Figma MCP 读取设计文件转代码
官方仓库：http://github.com/figma/mcp-server-guide
（Figma插件会在Dev Mode自动启动本地MCP服务器 127.0.0.1:3845）
方案2：对标网站直接抄作业式参考
找到对标网站截图
用「Frontend Design Skill」指导Claude生成对应代码
官方Skill地址：http://github.com/anthropics/claude-code
这个Skill最大的作用是能明显降低AI那股「通用模板感」，让界面看起来更有辨识度
方案3：专业设计系统流（UI UX Pro Max Skill）
直接使用 UI UX Pro Max Skill
兼容 Claude / Cursor / Windsurf 等多个平台
仓库地址：http://github.com/nextlevelbuilder/ui-ux-pro-max-skill
内置行业级设计系统生成器，能根据不同行业自动吐配色体系、字体方案、间距系统等
框架设计阶段：
1. Claude Opus 4.5 Plan模式 先把整体架构完整梳理一遍
2. 再把Opus出的方案丢给Codex，让Codex补充大量细节
3. 最后把补充完的版本再丢回Claude生成完整项目骨架
细节填充阶段：
1. 先用Opus完整跑一遍，把基础底座跑通
2. 然后换Claude Sonnet继续完善框架细节
3. 最后用Codex专门修bug（通常一遍过，实在过不了就直接换模型重来）
人工审阅 & 测试阶段：
1. 感觉项目完成度大概七八成时，开启单元测试，对每个功能做点对点验证
2. 再做集成测试：完全按照真实用户旅程从头跑到尾
这两步侧重点完全不同，缺了哪一步都容易翻车
目前编程主力工具推荐（2025年6月版本）：
1. Claude code → 必备主力
2. Codex → 必备主力
3. Cursor / Trae / Antigravity / Kiro → 选一个装着就好，随手用哪个顺手用哪个
分享完毕～
欢迎大家补充自己目前跑得最顺/性价比最高的组合打法，互相卷一卷～
分享一下我目前跑通的完整AI coding SOP，纯个人实操心得（附所有涉及到的资源链接）
需求阶段：
Gemini（产品经理gems） → 这阶段主要用来反复聊需求、梳理PRD、把产品逻辑彻底捋清楚
前端设计：我目前有3套能稳定出效果的打法，全都放出来给大家参考：
方案1：设计稿直出 → Figma转代码流
用 Gemini nano / banana / lovart / stitch 其中任意一个直接生成设计稿
然后让AI工具通过 Figma MCP 读取设计文件转代码
官方仓库：http://github.com/figma/mcp-server-guide
（Figma插件会在Dev Mode自动启动本地MCP服务器 127.0.0.1:3845）
方案2：对标网站直接抄作业式参考
找到对标网站截图
用「Frontend Design Skill」指导Claude生成对应代码
官方Skill地址：http://github.com/anthropics/claude-code
这个Skill最大的作用是能明显降低AI那股「通用模板感」，让界面看起来更有辨识度
方案3：专业设计系统流（UI UX Pro Max Skill）
直接使用 UI UX Pro Max Skill
兼容 Claude / Cursor / Windsurf 等多个平台
仓库地址：http://github.com/nextlevelbuilder/ui-ux-pro-max-skill
内置行业级设计系统生成器，能根据不同行业自动吐配色体系、字体方案、间距系统等
框架设计阶段：
1. Claude Opus 4.5 Plan模式 先把整体架构完整梳理一遍
2. 再把Opus出的方案丢给Codex，让Codex补充大量细节
3. 最后把补充完的版本再丢回Claude生成完整项目骨架
细节填充阶段：
1. 先用Opus完整跑一遍，把基础底座跑通
2. 然后换Claude Sonnet继续完善框架细节
3. 最后用Codex专门修bug（通常一遍过，实在过不了就直接换模型重来）
人工审阅 & 测试阶段：
1. 感觉项目完成度大概七八成时，开启单元测试，对每个功能做点对点验证
2. 再做集成测试：完全按照真实用户旅程从头跑到尾
这两步侧重点完全不同，缺了哪一步都容易翻车
目前编程主力工具推荐（2025年6月版本）：
1. Claude code → 必备主力
2. Codex → 必备主力
3. Cursor / Trae / Antigravity / Kiro → 选一个装着就好，随手用哪个顺手用哪个
分享完毕～
欢迎大家补充自己目前跑得最顺/性价比最高的组合打法，互相卷一卷～
