进阶 适合照做后调整 10 天
用 AI 做一个小产品原型
从需求、界面、代码到验证，体验一次 AI 辅助构建。
作者与边界
Open Learning Founder
作者以产品原型和 AI 协作实践为主，不宣称 AI 工程专家。此路径适合想快速体验 AI 构建流程的人。
目标用户
想用 AI 做出一个小工具、小网页或产品原型的人。
起点
能描述一个小产品想法；懂一点网页或代码更好，但不是必须。
Goal
做出一个可以本地运行或在线展示的小原型。
- • 一个小产品原型
- • 一份需求说明
- • 一份测试记录
Steps
照着做的步骤
Step 1
把想法压缩成一个最小功能
防止一开始就做成大而全产品。
具体怎么做
- • 写下目标用户和一个核心场景。
- • 让 AI 帮你砍掉非必要功能。
任务与产出
任务：产出一份一页需求说明。
产出：MVP 需求说明。
预计：1 小时
检查标准
- • 只有一个主流程。
- • 用户完成动作可被观察。
Step 2
生成界面草图和内容结构
先确定用户看见什么，再进入代码。
具体怎么做
- • 让 AI 根据需求列出页面结构。
- • 写出每个页面的主要内容槽。
任务与产出
任务：产出页面结构和首版文案。
产出：页面草图说明。
预计：2 小时
检查标准
- • 每个页面都有明确任务。
- • 没有只为了好看而存在的模块。
Step 3
用 AI 协助搭建原型
体验 AI 编程协作，但保持人来验收。
具体怎么做
- • 把需求拆成小任务，让 AI 一步步实现。
- • 每完成一步都运行和检查。
任务与产出
任务：完成一个可运行原型。
产出：本地可运行项目。
预计：1-2 天
检查标准
- • 每个主流程可以点击走通。
- • 没有明显 console error。
- • 你能解释关键文件负责什么。
Step 4
做一次真实测试
用反馈检验原型是否真的解决问题。
具体怎么做
- • 找一个人按你的说明使用原型。
- • 记录他在哪里困惑，哪里顺畅。
任务与产出
任务：整理测试记录和下一轮改进点。
产出：测试笔记。
预计：2 小时
检查标准
- • 至少记录 3 个观察点。
- • 下一步改进不超过 5 项。
Adaptation
如何改造成自己的路径
可以替换技术栈或工具，但不要跳过“压缩需求”和“真实测试”。AI 构建的速度越快，越需要小范围验证。
Resource nodes