之前使用 AI 提示词开发了网站设计稿及原型图，以及一两个页面的小型网站。这次遇到一个需要开发多页面的网站，例如，除了首页，还有不同产品或解决方案的子页面。
🤨 顾虑
之前简单页面可以把发挥的空间完全交给 ai，因为内容简单，且功能常见，ai 能自行推导出适合的布局及功能项。但是，对于企业官网这个类型，由于产品和业务方向众多，且功能有确定性，就不能通过一句话的方式让 ai 准确推测出整站的内容。
一晚上，尝试了几种提示词方案，算是摸索出了一套可行的方法。
❌ 试错一，DeepSeek 画蛇添足
用了 ai 做设计，没有银弹。简单的设计确实可以一句话让 ai 去直接工作，但是复杂的设计，还是需要人工去梳理，或者半自动化的去梳理需求，然后汇总之后，再交给 ai 去生成。
这是我动手前，想出的策略。于是，我先把汇总的需求，发给了 DeepSeek 和 gemini，让其先生成一个用于开发网站的提示词大纲。结构类似
- 首页显示什么
- 每个子功能页显示什么
- 主题风格是怎样的
但是，对比发现，DeepSeek 对于网站风格和功能的梳理能力远不如 claude 3.7。DeepSeek 生成的网站开发提示词虽然很酷，但是缺乏美感😔。
❌ 试错二，bootstrap 审美缺失
对美观度有要求的网站，不要让 ai 基于 bootstrap 去实现，可以基于 tailwind css 之类的，或者不使用 css 框架。否则生成的效果有点死板。
❌ 试错三，GitHub copilot edit 不稳定
基于 GitHub copilot edit 模式开发，edit 有个问题，就是在开发代码量大的功能是，经常会报错。错误五花八门，没有什么规律。之前是，开发几个页面，就中断了。现在可好，啥都没生成，憋半天，直接报错😂
所以，我改用了 agent 模式。GitHub copilot agent 模式，相对 edit 模式要稳定一点，但是也是执行十几分钟就 502 😮💨 等待 ai 干活的时间⌛️ 焦躁不安。现在最常用的提示词变成了，“接着上面未完成的部分，继续”。但至少比 edit 好那么一点🤦♂️
但是，今天发现无论是 edit 还是 agent 都不稳定。估计服务器扛不住了吧。今天切换到了头条的 Trae AI IDE，里面内置的 Doubao-1.5-pro 模型完全媲美 claude 3.7。
✅ 可行方案，提示词直接给 copilot claude 3.7 或者 trae 的 doubao-1.5-pro
在之前生成网站代码的提示词上（参考 Claude 开发网站网页的 AI 提示词），直接加上首页功能列表即可。
✅ 可行方案，逐个页面生成
在生成了首页之后，再依次使用提示词
基于首页 index.html 的风格，生成 Contact Us 的页面 contact.html，图片使用 unsplash 的素材
就可以更高效的完善各个页面。
微信关注我哦 👍
我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式