用 vibe coding 做落地页：智能体自己搭出的页面结构
用 vibe coding 做落地页，重点不在“好不好看”，而在于一条把访客带向同一个行动的区块顺序：留资、打电话或下单。在 NeuralSpace 上，智能体会自己写布局、响应式和表单，而结构与内容由你决定。下面是八个区块的骨架、逐段提示词、上线前检查清单，以及第一版之后该怎么改。
先定行动，再谈配色
落地页只有一个任务：让访客做一件事。所以第一个问题不是“用什么颜色”，而是“到底要发生什么”。在答案清楚之前，任何提示词都会给你一个整齐却没有用处的页面——漂亮的区块之间没有逻辑。
在「代码」区新建项目时，有一个现成的「落地页」模板。它会预填一段草稿：首屏、优势、作品画廊、评价、申请表单和页脚。这是不错的骨架，但不是成品结构——仍然要按你的业务重写。模板只省掉第一步，不会替你想。
八个区块的骨架
这个顺序对服务和小型产品都适用。不是铁律，但不知道从哪开始时，可以直接照着来。
- 首屏。 有结果的标题、补充说明的副标题、行动按钮和一张主视觉。其他内容都放在下面。
- 客户的处境。 一小段：人们带着什么问题来，为什么现在的方式让人烦。不要写“我们是一家年轻的公司”，要写“装修总拖，因为施工队会消失”。
- 你提供什么。 三到六张服务或结果卡片。不要大段文字：一个小标题加一句话。
- 怎么进行。 从申请到结果的三到四个步骤。它能消掉“接下来会发生什么”的担心。
- 证据。 评价、作品照片、数字、案例。一条真实评价胜过十句“成千上万的客户信任我们”。
- 价格与条件。 清楚的“起价”区间、包含什么、要等多久。价格复杂就加计算器，或承诺一天内给报价。
- 疑虑与常见问题。 保障、退款、周期、付款。四到六个客户真的会问的问题。
- 最后的行动。 再放一次按钮、表单或联系方式，加一段简短页脚。不要让访客自己找哪里能点。
八个区块不等于八个屏幕。在手机上，只要不把文字吹大，这样的页面通常六到八次滚动就能看完。
分三次提示，而不是一句“做个好看的”
“给陶艺工作室做一个好看的落地页”只会得到一张通用页面：智能体会自己编标题、价格和评价。其中一半都要重写。更稳的做法是分三次。对，从表单开始：点「新建项目」，在「描述你的项目」里写需求，选模型，再点「创建项目」。有 logo、作品照片或喜欢的网站截图，就一开始附上文件。
第一次：骨架与事实
说清业务、受众、行动和区块清单。例如：
提示词：“为杭州的一家陶艺工作室做单页落地页。受众是想第一次体验拉坯的成年人。行动是预约体验课。区块：首屏、适合谁、三种课程形式、课程怎么进行、作品照片、评价、价格、问题、预约表单。风格安静、温暖、明亮；不要图库式的假笑，不要小字号。必须做手机端适配。”
这样智能体就有了边界：不会开始编“公司使命”，也不会加上你没要的团队区块。
第二次：文案与数字
接下来改意思，不是改外观。给出真实价格、时长、地址和取消规则。例如：“价格区块换成：体验课——你的真实价格，两小时，材料和烧制都包含。评价保留我之后发你的三条真实文字。删掉‘独特’这个词和所有感叹号。”
文案最好直接给成稿。模型写得很顺，但它不知道你的条件——留空的地方，它会编出一个看起来很像真的例子。所有像事实的内容都要核对：价格、周期、保障、姓名、资质。
第三次：手机端和细节
结构和文案定了之后，让智能体检查手机：“在 375 像素宽度下测试：标题不能乱换行，按钮要放得下，价格表要能横向滚动，表单提交时不能出现横向滚动。”最后是细节：图片 alt、页面标题、社交预览描述。
首屏：决定成败的五个元素
首屏只会被看几秒钟。它需要：
- 带结果的标题。 不是“陶艺工作室”，而是“两小时做出自己的杯子——零基础也可以”。
- 补充说明的副标题。 给谁、在哪里、包含什么。一句话。
- 带动词的按钮。 “预约体验课”，不是“提交”。
- 一个微证明。 “材料全包，每班最多六人”，或者真实评分。
- 一张主视觉。 产品、过程或结果的照片。不要十张图拼成一张。
页面底部再放一次按钮；如果页面长，在价格后面再放一次。这不是逼单：读到结尾的人已经准备好了，但不一定愿意去找表单。
智能体不会替你编的内容
智能体能把页面搭起来，但事实必须由你提供。上线前核对：价格、周期、地址、电话、营业时间、退款条件、服务包含什么、由谁来做。你没给的部分，模型很可能用看起来合理的例子补上——而且会一直显得可信，直到第一个客户出现。
项目里有「项目规则」——每次对话都会传给 AI 的文字。把不能违反的要求写进去：“不要添加我没提供的评价。不要承诺折扣。语气友好，不要公文腔。不要改电话和地址。”「项目记忆」保存长期事实：地址、营业时间、服务名称。这样到第五次修改时，智能体还记得工作室叫什么。
图片：自己拍还是生成
落地页最好的视觉，是你自己拍的产品、过程或场地。没有照片时，可以在「图像」区生成并下载。不要用带水印的图库照片，也不要拿别人作品集里的图：看得出来，而且会消耗信任。
根据平台 90 天数据（2026 年 7 月 27 日—10 月 25 日），GPT Image 2 的 2991 次生成中有 93.3% 成功，Seedream 4.5 的 1395 次中有 91.2% 成功。结论很简单：封面和背景图可以生成，但要留余量——大约每十次请求会有一次没有结果，这很正常。
模型怎么选
根据平台对 vibe 项目会话的匿名统计（2026 年 8 月 7 日—11 月 1 日，共 37 个会话），其中 19 个——超过一半——用的是入门模型 DeepSeek V4.1 Flash。落地页够用了：结构标准，没有复杂逻辑。当出现计算器、筛选、支付对接或大量修改时，再换到 Claude 或其他更强的模型。做布局时推理级别可以调低，做逻辑时再调高：它对速度和 token 消耗影响很明显。
上线前检查
先像客户一样走一遍页面，再对照清单：
- 五秒内能否看懂这里提供什么、该点哪里？
- 手机上不滚动能否看到按钮和电话？
- 表单能提交吗，申请真的到了你承诺的地方吗？
- 375 像素宽度下有没有横向滚动？
- 价格和周期与实际情况一致吗？
- 隐私政策和数据处理同意的链接在吗？
- 图片是否没有五兆那么大，不会拖慢首次加载？
- 标签页标题和聊天软件里的预览是否正常？
网站用「打开网站」按钮查看；像 project-name.app.neuralspace.pro 这样的地址可以直接发到手机上测试。需要自己的域名时，项目里有「绑定域名」：添加 DNS 记录，服务会自动签发证书并启用 HTTPS。
小步修改，不推倒重来
不要因为一个区块就要求“整页重做”。小修改更便宜也更安全：“在价格后面加一个保障区块”“把按钮做得更明显”“把第二段文字缩短”。项目保留版本和回滚：一次修改弄坏了布局，一步就能回到上一个版本，而不必从头搭。
做好的项目可以打包下载；暂时不需要时，可以归档：网站不再打开，每天的托管扣费停止，文件仍然保留。适合季节活动页和测试页。
常见问题
不会编程能做落地页吗？
可以。你描述结构和文案，智能体写代码并组装页面。了解落地页由哪些区块组成会让表述更准确，但不需要懂语法。
落地页需要几个区块？
通常六到八个就够。如果某个区块既不引导行动，也不回应疑虑，它多半是多余的。少一点、具体一点，比长而空更好。
如果智能体自己编了价格和评价怎么办？
上线前换成真实内容。在「项目规则」里可以直接禁止添加你没有提供的评价和数字，并要求把未知信息标成“待确认”。
落地页和「适合搜索的网站」模板有什么区别？
落地页只引导一个行动，只活在一个地址上。「适合搜索的网站」是面向搜索词的多页结构：独立服务页、标题、结构化标记、站点地图。需要几十个搜索词带来的流量，选第二个模板；需要一张投广告的销售页，选第一个。
可以绑定自己的域名吗？
可以：项目里有通过 DNS 记录绑定域名的功能，证书会自动配置。没有域名之前，网站活在平台地址上。
可以先看 vibe coding 页面，或直接进入「代码」区：新建项目，把上面的骨架写成描述，让智能体做第一版。首屏图片可以在「图像」区生成。按 token 付费，无需订阅；新用户会获得起始 token。