AI 学堂
学习路径仪表盘Pricing
开始学习
AI 学堂

学懂 AI 基础与进阶知识,当章练习巩固,真正学会用。

学习读本术语表常见问题成果导出

© 2026 AI 学堂

产品能力

AI 编程:从 Spec 到可运行原型

把模糊工具想法写成可开发 Spec,让 AI 先澄清再实现。用验收清单约束范围,避免边写边漂移。

学习目标

把模糊想法写成可开发 Spec,让 AI 先问后写,按验收清单检查。

产品能力,是把想法做成别人能用的东西。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. 1

    切问答模式,让 AI 苏格拉底式提问

    用一句话起头(我想做个个人介绍网站),让它一个问题一个问题问清楚:给谁看、展示哪些内容。

  2. 2

    整理成 PRD / Spec

    把 5 件事写下来:问题陈述、方案描述、技术约束、红线、交付标准;遇到自造词及时解释、有歧义说边界。

  3. 3

    再聊设计风格

    讨论版式和风格(极简/像素风等),让 AI 出 demo 图看效果,合进同一份 PRD。

  4. 4

    切 Agent 模式生成并迭代

    切到干活模式生成页面,预览后把不对的地方截图标注、具体反馈,反复修改。

  5. 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 编程的常态。
延伸阅读
第八章:AI 编程,从模糊想法到可运行原型

想系统深入这个主题,可读读本对应章节。

提交练习前不要放入隐私、密码、身份证、真实商业机密。本产品默认在本地生成 AI 反馈,只有你配置并启用 OpenAI 时才会调用第三方 API。
返回学习路径
去练习
动手练习20 基础积分

解锁全部训练

解锁全部 10 个训练任务

免费体验前 2 个任务后,一次性解锁其余全部任务、完整 AI 反馈与成果导出。

$49 一次性 · 永久访问

  • - 全部 10 个互动任务
  • - 完整结构化 AI 反馈
  • - Markdown 成果导出
  • - 开通或使用后不支持退款

先用 Google 登录,进度会自动合并到你的账号。