想做一个什么？一句话告诉我们

不用懂代码。从你的一句话开始，开发向导会接着替你把想法理清楚、把产品做出来、再帮你发布上网。

没想法？试试：

你的项目将由这些角色协作完成

每个阶段都有人替你把活儿做了。下面这张图会在「开发实现」页动态亮起来。

项目开发流程 · 点开看每一步谁在做什么

从想法到上线，分 6 步；每一步都有一组角色直接对你交付可看的产物。

别担心写不全。开发向导会像朋友一样问你几个小问题，把你的想法一点点搞清楚。

AI 对话 · 和开发向导聊 + 让它帮你操作第 1 步 · 想法澄清

你好～我是开发向导。先随便说说你想做什么？哪怕一句话也行。

💡 不知道怎么开始？直接告诉我「我想做一个___」或「帮我列出 3 个常见做法」，AI 会接话并把要点整理到右边的想法卡片。

成果 · 想法卡片（实时整理）

想法卡片

随着聊天，这里会自动整理出你的想法要点。

做什么填写中…

给谁用填写中…

解决啥填写中…

先和 AI 聊几句，把想法说清楚，就能继续

这是产品要有的功能清单。开发向导先帮你列好，你勾掉不要的、留下要的就行。

AI 对话 · 让 AI 帮你挑 / 改 / 派发第 2 步 · 功能清单

第 2 步：把功能清单过一遍。我可以勾/反勾、加一条、改文字，也可以把整张清单派给 WorkBuddy 让它落到 requirements.md。告诉我你要做啥。

💡 常用命令：「勾上第 N 条」「删掉「X」」「派发」「给我看 JSON」「再列 3 条新的」

产物清单 · 勾选 / 看详情 / 让 AI 调

功能清单

成果 · 项目档案（自动同步）

项目档案

名称—

类型—

功能数0

你勾选的功能会直接决定下一步怎么做，全程自动记好，不会丢。

不用你画原型。开发向导把「准备怎么做」用大白话讲清楚，你看懂、点头就行。

AI 对话 · 让 AI 讲方案 / 调措辞 / 派发第 3 步 · 方案设计

第 3 步：方案我先用大白话写了一份。直接告诉我要「再详细点」「换种说法」「加一段风险」或「派发」都行。

💡 AI 可以「以用户身份讲一遍」「画流程图」「拆成 PRD 段落」——你定要哪种。

方案原文 · 看清 / 点头 / 让 AI 改

AI 给出的方案

成果 · 界面草图（自动生成）

界面草图（示意）

先在左侧和 AI 把「人工干预」4 类定好（也可以让 AI 帮你配默认值），点「确认并交给团队」后，8 个角色才会开工。团队约 30 秒完成，完成后进入下一步试用。

AI 对话 · 让 AI 帮你做人工干预 + 派发第 4 步 · 开发实现

第 4 步：开发做之前需要你定几件事——技术选型、代码风格、模块优先级、风险关注点。直接告诉我要用 TypeScript + 函数式 / 先做下单 / 重点关注支付安全 之类的就行，我帮你落到底下卡片里。

💡 AI 能「给你 3 套方案对比」「根据项目类型给默认值」「落到底下 4 类卡片」。

人工干预 · 4 类都可以选 / 填 / 让 AI 改

人工干预 · 4 类

下面 4 类都可以点选 / 填字 / 让 AI 改。每一类都不止选型，比如「代码风格」要的是整套规范，「风险关注点」是提醒团队别踩坑。

① 技术选型 0 项

② 代码风格 0 项

③ 模块优先级 0 项

④ 风险关注点 0 项

还没填

角色成果 · 团队进度

团队进度 · 8 角色 × 6 阶段

已完成

进行中

未开始

不涉及

准备开始…

团队开发中，马上就好…

产品已经做好了，先在这里点一点、用一用。觉得行就发布，觉得差点就提意见让 AI 改。

AI 对话 · 提反馈 / 让 AI 改 / 派发第 5 步 · 预览试用

第 5 步：用一用右边那个 App，有什么问题直接告诉我。「颜色暗」「按钮太小」「想加搜索」都行，我会一条条帮你改。

💡 AI 会把意见存进反馈清单，全部写完一次性让 AI 改、或单独派给 WorkBuddy 落代码。

反馈清单 · 写在下面 → 让 AI 按全部反馈改

试用反馈

用下来感觉怎么样？哪里不满意直接写，AI 会去改。

成果 · 实时预览

实时预览

最后一步：发布上网，拿到一个谁都能打开的网址。发布前会先跟你确认。

AI 对话 · 让 AI 自查 / 改 / 派发第 6 步 · 上线发布

第 6 步：发布前我会跑一遍下面的清单。也可以告诉我「再加一条」「这条不要」「先不发布，再改一下」，我都照做。

💡 AI 会按你给的项目类型挑清单，也能合并「派发」让 WorkBuddy 把发布脚本跑掉。

自查清单 · 手动勾 / 让 AI 跑一遍

上线前自查清单

按下「让 AI 跑一遍检查」，AI 会帮你把这些逐项过一遍；你也可以自己手动勾。

通过 0 / 0 还没检查

成果 · 发布（点确认才会真发布）

准备把「产品」发布上网

发布后你会得到一个网址，可以分享给任何人。确认前不会真的发布。

成果中心

你在向导里派发的任务，由 WorkBuddy 执行后，原始成果会保存在工作目录中；这里实时列出，点「打开查看」即可在浏览器打开真实文件。

正在连接桥接服务…

我派发的任务

还没有派发过任务。在任意步骤的产物详情里点「派发 WorkBuddy 执行」即可把该产物交给 WorkBuddy 落地。

WorkBuddy 产出成果

暂无成果。WorkBuddy 执行完你派发的任务后，文件会出现在这里，并可直接打开。

两端联动 · 操作手册

给「小白」看的一步步操作：告诉你该点哪里、复制什么、填写或粘到哪儿。按顺序做一遍，下次你也会。

端一 · 开发向导工作台

你在这一页（当前你看到的就是它）布置任务、看进度。原始成果最终也回到这里。

主页面：file://.../xiaobai-prototype.html
成果中心：顶部「成果中心」标签

→

桥接约定

→

端二 · WorkBuddy 执行引擎

WorkBuddy（当前对话里的 AI Agent）读任务、执行、把真实文件写到你的电脑磁盘上。

任务匣：devwizard-bridge/inbox.json
成果目录：devwizard-bridge/results/

文件契约（就是几个文件，存在 WorkBuddy 根目录）

devwizard-bridge/
├─ inbox.json      # 工作台派发出去的任务清单（自动写入）
├─ manifest.json   # 已经产出的成果索引（自动写入）
├─ results/        # ← 原始真实文件（html / md / png / json …）都放这里
└─ devwizard-bridge.js  # 零依赖桥接服务（提供原型页 + API + 静态文件）

inbox.json

你做：在工作台点「派发 WorkBuddy 执行」
系统做：把当前产物追加成一行
WorkBuddy：读这一行开始干活

manifest.json

你做：一般不用动
系统做：每出一个产物就登记一行
WorkBuddy：写完文件就追加

results/

你做：在工作台「成果中心」点「打开查看」
系统做：用你电脑默认程序开
WorkBuddy：把真实文件写进来

在工作台布置任务 📍 你在：当前页面，左栏「AI 对话 · 第 N 步」/ 「想法澄清 / … / 上线发布」任一步里

看你

确认页面左上的项目名是「小区拼团小程序」（不是就点更换切换）

→ 不会派错目录

编辑

两个入口：① 左栏顶部 AI 对话面板第一个 chip「编辑本步产物」② 角色产物卡里点查看详情 → 让 AI 帮改

→ 产物内容更新

派发

同样两个入口：① 左栏顶部 AI 对话面板第二个 chip「派发 WorkBuddy 执行」② 详情卡里「派发 WorkBuddy」按钮

→ inbox.json 多 1 行
浏览器会跳到 8789

复制

左栏顶部 AI 对话面板第三个 chip「复制产物描述」一键把这一步产物整理成一段话粘进剪贴板

→ 剪贴板里有了
下一步直接粘给 WorkBuddy

💡 派发失败？检查 devwizard-bridge 是否启动（页面下方「复制命令」）；左栏 AI 对话里也可以直接对 AI 说「派发」自动触发。

把任务交给 WorkBuddy 执行 📍 你在：对话窗口（你已经跟 AI 聊的这个）

粘话

把上一步剪贴板里的描述，粘到对话窗口；补一句："请读 inbox.json，把产物写到 results/，再在 manifest.json 加一条"

→ WorkBuddy 开始读 inbox

告诉

如果 AI 不知道文件在哪，把绝对路径直接发给它（用上面三个「复制路径」按钮，或点下面这条命令）

→ AI 拿到正确路径
不会写到错的地方

出活

让 AI 把生成的真实文件（html / md / png / 代码 …）放 results/，同名登记到 manifest.json

→ results/ 多 1 个文件
manifest.json 多 1 行

校验

对 AI 说："读一下 inbox.json 当前是不是空的、manifest 里有没有新增条目，回答 yes/no 即可"

→ 你得到一句确认

🔒 小白模式：不会自动部署到任何公网地址，只写到你本机的这个文件夹

回到工作台看成果 📍 你在：顶栏「成果中心」（点顶部第二个标签切过去）

拉取

「成果中心」打开后会自动拉一次 manifest.json；右上角 ↻ 刷新可以重拉

→ 列出最新成果

打开

每条成果右侧点打开查看（外部链接）或 📂 路径（看绝对路径）

→ 默认程序打开
浏览器开 html / 记事本开 md …

回传

觉得有问题：点复制路径把文件路径粘给 AI，让它去改 results/ 下的原文件

→ AI 改原文件
再次登记 manifest

发布

真正想上线：到第 6 步「上线发布」走发布流程（确认对话框 → 公开网址）

→ 拿到线上 URL
他人可访问

👀 没看到成果？多数情况是「results/ 没建」或「manifest.json 没追加行」，回 Step 2 让 AI 检查

本机启动桥接服务（在本任务目录终端里跑，命令复制即可）： node devwizard-bridge/devwizard-bridge.js

本交互稿为「开发向导」产品构想的可点击原型，用于演示完整流程，非真实运行环境。