开发者三天纯口述生成官网，这些是实操经验

开发者@Kubai087 花了三天时间，只依靠已有代码与产品设计资产，纯口述生成了一个官网，分享了八条实操心得。官网链接：

用好已有的产品设计资产。开发者在设计 Lumno 时，从零搭建了一套包含功能、内容自适应和样式的完整组件库，这套组件库可以直接复用在本次官网上。

拆解需求，让 Opus 自行参考竞品。Opus 搜索分析竞品的能力很强，能准确抓取竞品的优势。比如做页脚（Footer）时，可以让它直接参考指定竞品，或是在 Product Hunt 找 10 个顶级 Mac 应用，分析它们官网的页脚构成。不需要担心自己审美不足，只要让 AI 逐个找网站每个部分的最优参考即可。

按逻辑引导用户阅读顺序。首屏放置品牌主张和强行动召唤（CTA）转化按钮，第二板块放核心卖点，后续依次补充用户背书、特色小功能等内容。常见问题（FAQ）聚焦 Github 或用户社群的高频问题，最后在页脚前再重复一次首屏内容，类似演示文稿末尾回到核心观点。

基于搜索引擎优化（SEO）思路组织内容。如果不确定网站要放哪些内容，可以让 Opus 先生成符合 SEO 要求的通用模板，再手动添加内容。开发者推荐可以多参考 @loki_yan_seo 的相关推文。

善用 SVG 动画。Opus 5.5 的动画生成能力很强，可以让它根据产品功能直接生成演示用的小动画或截图。

优先考虑移动端，尤其是 iPhone 用户的浏览体验。iOS 浏览器基本都是 Webkit 内核，即使在微信内打开也不例外，你在 Chromium 内核浏览器上看到的正常样式，在 iOS 浏览器不一定能正常显示。

打磨文案质量。Claude 生成的文案 AI 痕迹较重，可以让它参考 Apple 的文案风格调整。官网首页文案，可以让它学习广告文案的写法，包括怎么点明痛点、怎么设计表达、怎么呼应用户诉求；百科类文案可以让它学习专业组件库、设计规范文档的写法。

做好多语言适配。让 AI 进行意译，还可以根据目标语言使用人群的文化偏好、表达习惯、网络流行语灵活修改内容。