// 写代码之前,先画好蓝图

把想法讲清楚,
再交给 AI 写代码

先用对话把产品想法和技术决策聊清楚,生成一份完整的项目骨架——每个文件夹都带好开发说明,下载后丢给 Claude Code、Cursor,AI 就能精准执行。

一句话也行,AI 会带你把它聊清楚

登录或注册后进入工作台,你刚输入的想法会自动带过去。

导出结果可直接喂给
  • Claude Code
  • Cursor
  • Codex
  • Windsurf
  • 纯 ZIP

问题

同样的 AI 工具,差别在你给它什么

直接开写
  • 把模糊的一句话丢给 AI,输出和预期差很远
  • 边写边想结构,越写越乱,反复推倒重来
  • 模块之间接口对不上,集成时才发现
  • 每次新对话都要重新解释一遍项目背景
先画蓝图
  • 先把目标、用户、流程聊清楚,再动手
  • 结构先行,骨架定好再写代码
  • 每个目录写明接口与依赖,彼此对得上
  • README 就是上下文,AI 拿了就懂

对比

Blueprint AI 和 Superpowers 解决的是不同阶段的问题

Superpowers 让 coding agents 更有纪律。Blueprint AI 让产品构建更完整。

Superpowers

让编码代理按工程流程执行

适合已经知道要构建什么的开发者,用来约束 Claude Code、Codex 或其他 coding agents 的执行方式。

  • 先计划,再实现
  • 认真测试和审查改动
  • 减少混乱、随意的代码实现
Blueprint AI

从模糊想法开始完成产品蓝图

Blueprint AI 开始得更早,把不清晰的产品想法变成可交付、可执行、可交给 AI 编程工具的完整蓝图。

  • 结构化需求和功能计划
  • 页面流程、实现任务和交付输出
  • 覆盖从 vague idea 到 usable product blueprint 的完整路径

产品一览

两个页面,从一句话到一整套骨架

流程

三步,从想法到可执行的项目

  1. 1

    说清楚想法

    像和产品顾问聊天一样描述你的产品。AI 主动追问,直到把目标、用户、流程和边界都梳理清楚,生成一份 PRD。

  2. 2

    理清技术决策

    前端用什么、后端怎么搭、数据库怎么选——AI 按产品需要逐项和你确认,每确认一个,项目结构就实时长出对应的文件夹。

  3. 3

    下载蓝图,交给 AI

    导出项目骨架 ZIP,每个文件夹都带好 README 开发说明。丢给 Claude Code 或 Cursor,它们就能照着精准开发。

能力

为认真做产品的人准备的细节

F-01

对话式需求梳理

AI 自己判断还差哪些信息并追问,不是套固定问卷。聊到一个工程师能直接上手为止。

F-02

实时生长的文件树

每确认一个技术决策,左侧项目结构立刻新增对应节点。可重命名、增删、查看每个节点的说明。

F-03

人看的说明 + AI 读的指令

每个目录分两层:给你看的自然语言说明,和写进 README、给 AI 执行的结构化开发规范。

F-04

接口互相对得上

每个模块写明对外接口和依赖,模块之间的契约相互对齐,避免各写各的。

F-05

按工具定制指南

选 Claude Code、Cursor、Windsurf 还是纯 ZIP,导出时生成对应的项目级执行指南。

F-06

中英双语

界面与对话支持中英文,团队里中英文习惯的人都能顺手用。

导出

下载下来就是一个能直接开发的项目

ZIP 里是一棵真实的目录树。根目录有 doc.md(PRD + 技术栈)和一份给你所选工具的执行指南;每个子目录里的 README.md 就是这块的开发规范——职责、依赖、接口、验收标准。

  • 顶层布局符合所选框架的真实约定
  • 只生成目录模块,文件清单写在 README 里
  • 解压即用,丢给 AI 编程工具直接开干
  my-app.zip
my-app/
├─ doc.md            PRD + 技术决策
├─ CLAUDE.md         给 Claude Code 的指南
├─ app/
│  └─ README.md       页面与路由
├─ components/
│  └─ README.md       复用组件
├─ lib/
│  └─ README.md       数据与接口
└─ doc/
   └─ README.md       PRD 全文

常见问题

你可能想问

Blueprint AI 会帮我写代码吗?

不会。它专注在写代码之前:把想法和技术决策理清楚,生成带说明的项目骨架。真正写代码交给 Claude Code、Cursor 这类 AI 编程工具,Blueprint 让它们的输出更准。

我需要先想好技术方案吗?

不需要。AI 会根据你的产品逐项给建议:只有一个成熟方案就直接推荐,有多个就列出来让你选,并附上参考链接。

导出的文件怎么用?

解压后把整个文件夹丢给你的 AI 编程工具即可。Claude Code 会自动读 CLAUDE.md,Cursor 读 .cursorrules,每个子目录的 README 就是该模块的开发指令。

用什么模型?可以自带 key 吗?

平台统一接入 OpenAI 和 Anthropic 的顶尖模型,不支持自带 key——统一调度才能保证稳定的输出质量,而且我们的价格更便宜。登录后用账户额度即可,不够可在站内充值。

现在就画你的第一份蓝图

几句话描述你的想法,剩下的交给对话。