把想法说清楚，再动手
大部分返工不是 AI 不会写，是开工前没人定「给谁、解决什么、这一版不做什么」。
完成标志你能用一句话说清给谁、做什么、凭什么是你，并写下这一版明确不做的三件事。
路径 01 · 从 0 到上线
做出第一个产品官网
从一句模糊的想法，到一个别人点开就能看懂、能留联系方式、有自己域名的网站。
适合谁
还没上线过任何东西，或者用 AI 写过页面、但从没真正交付过的人
开始前要有
一台电脑，一个能跑命令的 AI 编程工具；不用会写代码
走完你会拿到
一个能直接发出去的网址：手机上打开不错位，首屏说清你卖什么，表单能收到留言，域名和 HTTPS 都正常。
这门路径背后的完整教材
不用从头读到尾。路径指到哪一章就翻哪一章；想一门课全读完，从这里进。
用现成章节搭页面骨架
先定有哪几页、每页干什么，再谈长什么样。顺序反了，就会在配色上耗掉一整天。
完成标志页面数量控制在 5 个以内，每页能用一句话说清目的，并且知道访客下一步去哪。
定一个视觉方向
不要边写边想风格。先选参考，再把主色、圆角、字号写成规则，后面全部照规则来。
完成标志选定 1 个主参考，写下 3 条视觉规则；页面里不再出现规则之外的颜色和字号。
写首屏，把「你卖什么」放进去
访客只会给你三秒。首屏说不清，后面的内容写得再好也没人看。
完成标志不滚动就能看到：给谁、解决什么问题、点哪个按钮；按钮点下去有明确结果。
补证据、价格和常见问题
「很好用」不是证据。截图、数据、用户原话、可退换说明，才是让人敢下单的东西。
完成标志每个卖点后面都有一条证据；价格写清包含什么、不包含什么；常见问题覆盖至少 5 条真实疑问。
让表单真的能用，手机真的能看
电脑上好看不算数。真实访客大半在手机上，表单报错和提交结果没设计，等于白做。
完成标志390px 宽从头滑到尾不横向滚动；表单填错有具体提示，提交成功和失败都有反馈。
改乱了要能退回去
AI 一次能改十几个文件，改坏了靠脑子找不回去。先把提交和撤销这两个保险用上，才敢放手让它动。
完成标志随便改坏一个文件，你能一步退回上一个能跑的版本，并说清自己是靠哪条命令退回去的。
上线，换成自己的域名
临时链接只能自己看。域名和 HTTPS 是「这是个正经产品」的最低门槛。
完成标志别人用你的域名能打开，地址栏是 HTTPS；刷新和直接访问内页都不 404。
发布前过一遍验收清单
最后一小时最容易漏：分享卡片、404、手机端、表单回执。过一遍清单，比上线后救火便宜。
完成标志清单每一项都打勾，并且你真的用手机走完了一遍「打开 → 看懂 → 提交」。
这条路径走完，你应该能拿出这些
逐条核对。有一项做不到，就回到对应的那一步，不用从头再来。
- 有一个自己的域名，HTTPS 正常
- 手机 390px 宽打开不错位、不横向滚动
- 陌生人 3 秒内能说出你是做什么的
- 表单提交后，你能收到内容
- 分享到微信或社媒，有标题、描述和封面
这条路径用到的全部资产
34 份 · 按类型分组概念
走完这条，接着走给 AI 装一套工作流
下一条