AI柿子: 作为一名每天烧掉上千美金算力的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 → 选一个装着就好，随手用哪个顺手用哪个 分享完毕～ 欢迎大家补充自己目前跑得最顺/性价比最高的组合打法，互相卷一卷～