产品能力,是把想法做成别人能用的东西。AI 编程大大降低了开发门槛,但真正决定结果的不是会不会写代码,而是能不能把需求、边界和验收说清楚。这一章带你跑通一次「从想法到可访问网页」的完整流程。
- 理解人机分工:你定需求做决策,AI 生成代码处理细节。
- 用 Spec(规范驱动编程)把需求说清楚,像点一个具体的蛋糕。
- 写不出 Spec 时,让 AI 像苏格拉底一样提问,帮你聊成 PRD。
- 先用问答模式澄清需求,再切 Agent 模式开做,用预览+标注+反馈迭代。
人机分工:你定需求,AI 干活
AI 编程里,人负责想清楚要什么、检查做得行不行、最后做决定;AI 负责干活、出东西、处理细节。AI 变强让做产品的门槛大大降低,你从消费者变成创造者:找不到顺手的工具就自己做一个,搁置已久的想法也有机会做出来给别人用。
所以会不会写代码不再是门槛,能不能把需求讲清楚才是。这和前面学的「提问」是同一种能力。
核心技能:把需求说清楚(Spec 范式)
很多人习惯边聊边改、想到哪做到哪,简单项目还行,需求一多、逻辑一复杂就乱。AI 编程最核心的技能,是把需求说清楚。打个比方:朋友让你买蛋糕,说「要好看的、甜一点、不太贵、最好草莓」,你根本不知道买什么;换成「8 寸草莓蛋糕、100 元以内、下午 5 点前到、写『生日快乐小明』、不要奶油边框」,就清晰多了。给 AI 写需求也是一回事。
这种「先把需求说清楚再开发」的做法叫 Spec(规范驱动编程):写代码前先把需求整理成一份结构化、可验证的规范,再让 AI 按它生成和修改。新手不用写得很复杂,把 5 件事说清就够:问题陈述(用户要什么体验,一句话说清)、方案描述(功能、数量、交互、视觉,具体到数字)、技术约束、红线(明确不要什么)、交付标准(怎么算做完、手机能用吗、有没有闭环)。
给 AI 写需求像点蛋糕:「8 寸草莓、100 元内、5 点前到」远好过「好看、甜一点」。
写不出 Spec?让 AI 像苏格拉底一样问你
你可能会犯嘀咕:我一个新手,根本写不出这么专业的 Spec。没关系——直接和 AI 讨论,让它来提问你、帮你梳理需求。
方法是:用一句话把想法说个大概,然后要求 AI「先别写代码,像苏格拉底一样一个问题一个问题地问,每次都给带编号的选项,直到我们形成一份完整的 SPEC」,覆盖问题陈述、方案描述、技术约束、明确不做的事、成功标准。几轮问答下来,一个模糊想法就被逼成了清晰的开发说明书。
先问答聊清,再切 Agent 开做
AI 编程工具通常有两种模式:问答模式(只对话、不干活,适合需求还没想清时讨论和澄清)和 Agent 模式(干活模式,你发一句它就开始写代码)。关键纪律是:需求没聊清前一直用问答模式,不要直接切 Agent 模式开做,否则很容易跑偏。
聊的过程中还有两个小动作:遇到 AI 不懂的词(比如你自造的「航海案例集」),要主动解释清楚;遇到有歧义的地方(作品集和案例集要不要分开),把边界说清楚。把「要什么」和「不要什么」都写下来,AI 才不会自由发挥出一堆你不需要的功能。
预览、标注、反馈,反复迭代,再部署
第一版不完美是正常的。AI 编程本来就是预览效果 → 截图标注问题 → 反馈修改的循环,逐步逼近你要的样子。整个项目大致四步:项目需求讨论、UI 风格确认、开发测试、上线部署——前两步都是在说清需求,只是一个偏功能、一个偏设计。
目标是跑通一次「从想法到可访问网页」的完整流程:生成页面、替换成自己的资料、部署上线。先把这个闭环跑通、拿到第一轮正反馈,再谈优化。
用 Coze 编程做一个能对话的个人介绍页,从聊需求到部署上线。
- 1
切问答模式,让 AI 苏格拉底式提问
用一句话起头(我想做个个人介绍网站),让它一个问题一个问题问清楚:给谁看、展示哪些内容。
- 2
整理成 PRD / Spec
把 5 件事写下来:问题陈述、方案描述、技术约束、红线、交付标准;遇到自造词及时解释、有歧义说边界。
- 3
再聊设计风格
讨论版式和风格(极简/像素风等),让 AI 出 demo 图看效果,合进同一份 PRD。
- 4
切 Agent 模式生成并迭代
切到干活模式生成页面,预览后把不对的地方截图标注、具体反馈,反复修改。
- 5
替换资料并部署上线
换上自己的简介和作品,部署上线,把可访问的主页链接发出去。
实战示例
错误示例
帮我做一个个人网站,好看点、功能全点。
正确示例
做一个个人介绍单页:顶部姓名+一句话定位,下面分『关于我 / 作品 / 联系方式』三块,极简风格,手机端也要好看;先别加博客和评论功能。
像点蛋糕一样具体:把问题、方案、红线、验收讲清楚,AI 才不会跑偏。
错误示例
(需求还没想清,直接切 Agent 模式让它开做)
正确示例
先用问答模式把『给谁看、展示什么、什么风格、先不要什么』聊成 PRD,再切 Agent 模式生成。
需求没聊清就开做,AI 会自由发挥越做越偏;先用问答澄清成说明书。
错误示例
(页面不对,笼统地说「再改改」)
正确示例
截图标注:把这个按钮挪到右上角、字号调大一档、配色换成青绿;其它保持不变。
用截图标注具体指出问题,比「再改改」高效得多。
Coze 编程
新用户 3000 积分 + 每日登录 1500,用完充值约 20 元/月起用途:字节的 AI 应用开发工具,网页里直接生成、修改、部署,新手友好
适合先跑通从想法到上线的闭环
Claude Code
按订阅/用量计费用途:自然语言驱动的 AI 编程,适合更复杂、更专业的产品
进阶选择,先把最小闭环跑通再深入
Codex
随 ChatGPT Plus 订阅用途:代码专精的 AI 编程 / Agent 工具
进阶,新手不必一上来就用
常见误区
- 需求没聊清就直接切 Agent 模式开做,AI 自由发挥,越做越偏。
- 需求里用「好看点、功能全点」这种模糊词,等于点蛋糕只说「甜一点」。
- 只说「做个网站」,不给结构、风格和功能边界(红线)。
- 遇到 AI 不懂的自造词不解释、有歧义不说边界,它只能猜错。
- 期待第一版就完美,遇到不对就放弃,而不是预览-标注-反馈地迭代。
- 只顾加功能,没先把「想法到上线」的最小闭环跑通。
不会写代码能做吗?
能。人机分工里你负责想清楚需求、做决策,代码细节交给 AI。会不会把需求讲清楚,比会不会写代码更重要。
我写不出专业的 Spec 怎么办?
不用自己硬写。用一句话说想法,让 AI 像苏格拉底一样一个问题一个问题地问你(带编号选项),几轮下来就能形成一份完整的 SPEC。
为什么不要一上来就切 Agent 模式?
需求没聊清就开做,AI 会自由发挥、越做越偏。先用问答模式把要什么、不要什么聊成 PRD,再切 Agent 模式生成。
本章小结
- 人定需求、做决策,AI 生成代码、处理细节;会讲清需求比会写代码更重要。
- 核心技能是把需求说清楚(Spec 范式):像点一个具体的蛋糕。
- 新手把 5 件事说清:问题陈述、方案描述、技术约束、红线、交付标准。
- 写不出 Spec 就让 AI 苏格拉底式提问,帮你聊成完整规范。
- 先用问答模式澄清,再切 Agent 模式开做;遇到不懂的词要解释。
- 用预览 + 截图标注 + 反馈的循环迭代,先跑通从想法到上线的闭环。
- 人机分工
- 人负责想清楚需求与做决策,AI 负责生成代码与执行细节。
- Spec(规范驱动编程)
- 写代码前先把需求整理成结构化、可验证的规范,再让 AI 照它生成和修改。
- PRD 需求文档
- 写给 AI 的开发说明书,至少讲清问题、方案、技术约束、红线、交付标准五件事。
- 问答模式 / Agent 模式
- 问答只对话澄清需求,Agent 才动手写代码;需求没清楚前一直用问答模式。
- 苏格拉底式提问
- 让 AI 一个问题一个问题(带编号选项)地问你,把模糊想法逼成完整 Spec。
- 迭代闭环
- 预览效果、截图标注问题、反馈修改的循环,是 AI 编程的常态。