不是不会做产品，是没找到正确的分工方式。把每件事交给最擅长它的AI，效率才能真正爆炸。
不是产品出身，照样做出完整Web产品——靠的不是自己，靠的是分工。
这篇记录用 Superpowers + Stitch + Claude Code 三件套，从一个模糊想法走到可用产品的全过程。
一、先把需求说清楚：Codex帮你翻译想法
我有个需求：想把 baoyu-skills 里的 6个图片生成模块（封面图、漫画、信息图、小红书图文、幻灯片、文章配图）做成一个Web界面，让用户不用改代码，直接在页面上操作就能出图。
但问题来了——我不是产品经理，需求怎么描述？
小技巧这件事可以交给 Codex：先用几句话描述核心需求，让 Codex 把它丰富成一段完整的产品需求描述，再拿去喂给 Claude Code。
我先写了一段简短的原始需求：
我现在有个需求，要把这6个模块做成一个web可视化界面，让用户通过web交互的方式就可以生成相应的图片，每个模块的选项和参数都需要保留……
Codex 帮我润色扩展成了完整版本，补充了几个关键约束：每个模块功能边界要保留、参数要完整展示、交互用表单/下拉/输入框实现、整体以”一个Web应用承载6个模块”的方式组织。
翻译：你的原始想法可以是粗糙的，Codex 负责把它变成 Claude Code 能听懂的精准语言。
二、Superpowers脑暴：从一句话到完整方案
需求有了，接下来进入 Superpowers 的 Brainstorm 流程。
这一步是整个过程里最值钱的部分。
第一步：脑暴，摸清楚自己到底想要什么
丢进去需求，AI 开始反问你——你的用户是谁？你最关心的是什么？有哪些约束条件？
这步的价值不是AI给出答案，而是帮你把模糊的想法逼出具体的轮廓。
第二步：确认技术栈
我的情况是：前端几乎不懂，Python还熟悉。AI列出几个技术方向，我选了 React前端 + Python后端 的组合。
第三步：继续补充需求细节
AI 会追问你一些容易忽略的细节——比如用户登录怎么处理？权限如何处理？
一问一答之间，产品形态慢慢清晰了。
第四步：AI输出三套技术方案
三套方案各有侧重，我选了方案A，但把数据库改成了 MySQL（因为我们已有MySQL环境）。
第五步：确定导航结构
这里有个我特别喜欢的设计——AI 会生成一个临时Web预览，让你直接在浏览器里看导航结构方案，点一下就能切换不同方案。
不用想象，直接看，有没有觉得哪里不对，立刻说。
第六、七步：确定UI方案
继续用预览方式确定整体UI风格，来回几轮，把配色、布局、交互模式都敲定。
最后：所有决策审查通过
Superpowers 的核心价值：它不是帮你写代码的，是帮你把乱麻一样的想法，整理成一份有逻辑、有细节、可执行的产品方案。
三、Stitch出图：专业的设计交给专业的AI
方案确定了，但我不想让 Claude Code 自己瞎猜UI长什么样。
我让 Superpowers 先生成一份专门给 Stitch 用的高质量设计Prompt，再把这份Prompt丢给 Stitch 做UI设计。
操作指令在 Superpowers 里发了这条指令： 请先不要直接进入开发实现。先基于现有需求整理并生成一份可用于 Stitch 的高质量设计 Prompt，等 Stitch 输出界面结果后，再继续执行产品实现。
拿到 Stitch Prompt 之后，打开 Google Stitch，把 Prompt 贴进去。
等待 2~3分钟，8张完整的UI设计图就出来了。
这里注意一个操作：Stitch 出完图之后，要在 Claude Code 里配置 Stitch MCP，让 Claude Code 能直接读取 Stitch 的设计产物。
在 Claude Code 终端里运行：
claude mcp add stitch \ --transport http \ --url "https://stitch.googleapis.com/mcp" \ --header "X-Goog-Api-Key: 你的APIKey"
然后在 Stitch 界面里复制 MCP 提示词：
四、Claude Code接手：并行开发，等待出炉
MCP 配好了，把从 Stitch 复制的那一大串提示词，直接丢给 Claude Code。
Claude Code 会做几件事：
- 通过 MCP 把 Stitch 的所有设计图（PNG + HTML格式）全部下载到本地
- 分析设计稿，理解每个页面的结构和交互
- 拆解成多个并行任务，启动 subagent 同时开发
然后就是漫长的等待——subagent 在并行跑，前端、后端、数据库各自推进。
Subagent 并行执行Subagent 并行执行是 Claude Code 的核心能力之一。多个模块同时开发，效率比串行快好几倍。你要做的只是等。
五、调试收尾：截图+描述，来回十几次
项目跑起来之后，打开浏览器看效果。
这个阶段是最考验耐心的部分——哪里不对，截图，描述清楚需求，发给 AI，等它修。
来来回回十几次，界面慢慢接近预期。
调试阶段的坑不要一次截图说太多问题，一次只说一个最重要的问题。一口气列10个问题，AI很容易顾此失彼。
最终成品：
道理讲完了，该你了
回顾整个流程，其实分工非常清晰：
- Codex：帮你把一句话需求翻译成精准的产品描述
- Superpowers：帮你从产品方案到技术选型，全程陪你把事情想清楚，顺手生成给Stitch用的设计Prompt
- Stitch：专业AI出专业UI，2分钟8张设计图
- Claude Code + MCP：读取Stitch设计图，并行开发，代码到成品
每个工具做自己最擅长的事，你只需要在每个节点做判断和选择。
三件事如果你准备上手：
- 第一件：先用 Codex 或任意AI把你的需求扩写清楚，别省这一步
- 第二件：Superpowers 的脑暴阶段不要跳过，它帮你省的时间远超花的时间
- 第三件：调试阶段每次只提一个问题，稳稳推进
现在大家可以关注后私信我，我私发该产品的链接，每人50积分可以出50张图，欢迎来体验，也欢迎多提产品改进意见。
不会设计、不会写代码——这两件事在2026年已经不是障碍了。真正的障碍是：你有没有把需求想清楚。
—— 牛马翻身计划
如果这篇文章对你有帮助，欢迎分享给更多人！
部分信息可能已经过时