WisyLink 博客

AI 建站提示词提示词模板氛围编程建站教程

AI 建站提示词模板:6 段公式与 5 套范例

一次写对 AI 建站提示词:6 段公式、5 套可直接复制的模板、精准的修改写法,以及最浪费构建次数的常见错误,帮你用第一条消息就做出一个可用的网站。

11 分钟 阅读
AI 建站提示词模板:6 段公式与 5 套范例

好的 AI 建站提示词要写清六件事:目标、受众、页面、需要保存数据或登录的功能、支付或邮件,以及你想要的风格。一条附带参考文件的清晰消息,胜过十条含糊的消息,因为每次构建都会消耗你所在计划的一部分额度。

  • 按六个部分来写:目标、受众、页面、数据与功能、集成、风格。
  • 凡是要保存数据或需要登录的功能,都写清楚,并说明谁能看到什么。含糊的提示词往往就栽在这里。
  • 点名你要用的外部服务,比如 Stripe 或你的邮箱账户,构建时就会预留好位置,等你填入密钥。
  • 附上你自己的文件,并说明每个文件的用途。
  • 提修改时写明页面、元素和想要的结果,并把多处修改合并到一条消息里。

为什么首条消息最重要

在 WisyLink 上,每次构建都会消耗你所在计划的滚动额度,额度分为 5 小时窗口和每周窗口。在免费的 Community 计划上,一次构建就会用满 5 小时窗口。首条消息如果漏掉一半需求,你就要白白搭上一次构建,还得等一段时间才能修正。

首条消息还决定了网站的结构:有哪些页面、保存什么数据、有几类用户、每类用户能看到什么。颜色、措辞和布局之后改起来很便宜,结构返工才是真正昂贵的部分,因为新增一个角色或一种记录,会同时牵动很多页面。所以结构要在首条消息里写清楚。

消息写得完整,问题也会更少。聊天助手 Wisy 只要发现缺少关键信息,就会问一个简短的问题,信息齐了才开始构建。消息里预先回答得越多,构建就开始得越早。你心里想的和最终做出来的之间确实存在落差,我们在《意图保真度:描述与生成之间的鸿沟》一文中分析过这道落差从哪里产生。

提示词 6 段公式

按顺序覆盖这六个部分,第一次构建要猜的东西就会少得多:

  1. 目标。用一句话说明网站必须达成什么。写“上线前收集候补名单报名”,而不是“给我的创业公司做个网站”。
  2. 受众。谁会使用它,把每类用户都列出来:访客、会员、客户、员工、管理员。
  3. 页面。列出所有页面;如果是单页网站,就列出各个版块。
  4. 数据与功能。保存什么、谁能查看或修改,以及规则:人数上限、必填字段、日期限制、状态。
  5. 集成。支付、发送邮件、社交登录,或其他提供 API 的服务。说明每项服务做什么;密钥在构建完成后到“集成”(Integrations)里填写,绝不在聊天中发送。
  6. 风格。两三个形容词、你的品牌色、附上的 logo,以及网站使用的一种或多种语言。
提示词各部分的弱版本与强版本
提示词部分弱版本强版本
目标“给我的瑜伽馆做个网站”“让新学员在线预约第一节体验课”
受众“所有人”“附近 30 到 60 岁的初学者;管理员只有我一个”
页面“常见的那几个页面”“首页、课表、价格、关于我们、联系方式”
数据与功能“预约”“每节课最多 10 人;姓名和邮箱必填;开课后不能再预约”
集成“支付”“用 Stripe 结账购买 10 次课卡;通过我的 SMTP 账户发送收据邮件”
风格“现代简洁”“安静通透:米白、鼠尾草绿、圆角按钮,用附件里的 logo;中文”

提示词要写多长?长到足以覆盖这六个部分就行,通常是几段短文字。没有细节的长度毫无帮助,讲一大段创业心路历程,并不能给工具任何可以构建的东西。作为上限参考,WisyLink 的 API 和 CLI 单条消息最多接受 5,000 个字符,写一份详细的需求绰绰有余。

可以用中文写吗?可以。Wisy 会用你最新一条消息的语言回复,中文、英文或其他语言都行。网站本身的语言是另一回事:除非你明确要求翻译,否则它会保持构建时的语言。所以如果你用中文沟通,却想要一个英文网站,就要写明“网站使用英文”。

五类常见网站的提示词模板

把【方括号】里的内容换成你自己的,删掉用不上的可选部分,附上文件后发送。每个模板都遵循 6 段公式。

带候补名单的落地页

为【产品名称】做一个单页落地页,它【一句话说明产品做什么】,面向【目标用户】。

版块:主标题和副标题、三个核心卖点、三步说明使用方式、简短的常见问题,以及候补名单表单(邮箱必填,【可选:公司规模或职位】)。

保存每一条报名,拒绝重复的邮箱,并在页面上显示确认信息。给我一个只有我能访问的管理页面,列出报名记录和日期,并能导出为 CSV 文件。

风格:【两三个形容词】,【颜色】,使用附件里的 logo。语言:【语言】。

为什么有效:只有一个目标、一个表单,重复报名的处理规则也写清楚了。注意:主标题不要承诺产品做不到的事,用你自己的话重写。

预约网站

为【店名】做一个预约网站,这是一家位于【城市】的【业务类型】。

访客可以看到未来【两】周可预约的【时段或课程】,填写姓名、邮箱和电话即可预约。服务项目:【列出时长和价格,或写“见附件价目表”】。每个时段只接受【1】个预约,约满后其他人无法再约。预约后显示确认页。

管理页面只有我能访问:添加或删除可预约时间,查看和取消预约。【可选:有新预约时,通过我的 SMTP 账户给我和顾客各发一封邮件。】

页面:首页、服务项目、预约、联系方式。风格:【风格】。语言:【语言】。

为什么有效:人数上限和“约满即止”的规则写得很明确,预约不会撞车。注意:时区和营业时间。如果顾客会从外地预约,要写清楚。

小型网店

为【店铺名称】做一个小型网店,向【目标顾客】销售【商品】。

商品信息见附件【products.csv】(列:名称、类别、价格、库存、描述、图片文件名);使用附件里的商品照片。每件商品都有自己的页面。商店页面可以按类别和价格筛选。

用 Stripe 结账,支持【快递或到店自提】。先保存每笔订单,只有 Stripe 确认付款后才标记为已支付。订单支付后扣减库存,库存为零时显示“已售罄”。

管理页面:编辑商品和库存,查看订单,标记已发货。风格:【风格】。语言:【语言】。

为什么有效:数据以整齐的文件提供,支付规则也写明了。注意:不要要求在大型商品目录上做搜索框。WisyLink 可以按类别、价格等字段筛选,但不支持全文搜索,所以要的应该是筛选。

客户门户

为【工作室或公司名称】做一个客户门户。

客户账户由我在管理页面创建,客户不能自行注册。每位客户登录后只能看到自己的项目:进度、下一步,以及我上传给他们的私密文件。客户也可以给我回传文件,每个最大【大小】MB,并能在项目下留言。

管理页面:创建客户和项目,修改进度,上传文件,查看留言。【可选:项目进度变化时,通过我的 SMTP 账户给客户发邮件。】

风格:【专业、极简】,【品牌色】,使用附件里的 logo。语言:【语言】。

为什么有效:写清了账户由谁创建、每位客户只能看到自己的数据,这正是客户门户最关键的两个决定。注意:文件大小。上传文件单个上限为 25 MB。

内部工具

为我们【团队人数】人的团队做一个内部【申请、库存或设备】管理工具。

员工用我创建的账户登录。他们可以【提交申请或借用物品】,字段为:【字段】。状态:【新建、处理中、已完成】。经理可以修改状态并把事项分配给具体的人;员工能看到【只有自己的或全部】事项。

列表页可按状态、负责人和日期筛选,并汇总每种状态的数量。用附件【file.xlsx】作为【物品】的初始清单。

简洁、紧凑,优先适配电脑端。语言:【语言】。

为什么有效:角色、状态和可见范围全都写明了。注意:任何必须在精确时间点运行的功能。WisyLink 的定时任务按 30 到 60 分钟的间隔运行,适合提醒和清理,但不适合精确计时。

想试一个?在 Community 计划上免费开始,粘贴模板,附上你的文件。

如何使用参考文件

提示词里不必写的细节,交给文件来承载。WisyLink 支持 17 种文件类型,每个最大 25 MB,包括图片(JPEG、PNG、WebP、GIF、HEIC、SVG)、PDF、Word、Excel、CSV、纯文本和 JSON。各类文件的用处:

  • Logo:SVG,或透明背景的 PNG,放在任何底色上都干净。
  • 菜单或宣传册 PDF:商品、描述和价格以它为准。
  • 价目表或商品 CSV:每件商品一行,首行是简单明了的列名,类别写法保持一致,图片文件名要和你上传的照片对得上。
  • 现有文案:把你现在的“关于我们”或服务介绍存成 Word 或文本文件,措辞就能保持你自己的风格。
  • 自家品牌素材的截图:你的传单、包装或现有网站,用来延续颜色和氛围。

写明每个文件的用途:“价格取自 prices.csv,关于我们页面用 team.jpg,配色参照 flyer.pdf”。文件会保存在这个链接的参考文件里,之后的构建无需重新上传就能使用。清单很长时,对照文件抽查结果,并让它做一个管理页面,方便你自己修正条目。

用你自己的素材。上传别家公司网站的截图,等于邀请它照搬对方的设计,既不原创也不安全。不如描述你喜欢它的哪些地方:“大图、大量留白、一个醒目的强调色”。

后续提示词:精准地提修改

好的修改请求包含四部分:在哪里、改什么、怎么改,以及背后的规则。对比一下:

  • “做得更抢眼一点”改成“首页的‘预约课程’按钮放大并改成墨绿色,手机上不用滚动就能看到。”
  • “修一下表单”改成“联系方式页面的表单允许邮箱为空。把邮箱设为必填,并在字段下方显示错误提示。”
  • “预约坏了”改成“我预约了周二 18:00 的课,页面仍显示 10 个名额全部空余。预约后名额应该减一。”

报告问题时,说明你做了什么、发生了什么、本应发生什么。有好几处要改时,在一条消息里发一个编号清单。你也随时可以彻底换个方向:“把整个网站改成更深色、更高级的风格,保留内容和页面”,就是一条完全合格的后续提示词。

这一切背后的习惯,是给工具正确的上下文,而不是绞尽脑汁琢磨措辞,我们在《上下文工程:从提示润色到信息架构的转变》中探讨过这个思路。这也是有章法的提示和瞎猜之间的分界线,正如《Vibe Coding:凭直觉生产软件的纪律与边界》所说。

浪费构建次数的常见错误

  • 把想法拆成好几条发。五条短消息意味着五轮提问或构建。先把完整的需求写好。
  • 漏写谁能看到什么。只写“客户可以登录”,却没写“并且只能看到自己的文件”,这是客户门户和会员网站里最常见的漏洞。
  • 要平台做不到的东西。上架 App Store 的原生应用、AI 生成的照片或视频、大型目录的全文搜索、精确到分钟的定时任务,这些都没有。换成 Web 应用、图库照片或你自己的照片、筛选功能,以及 30 到 60 分钟间隔的任务。
  • 把密钥或密码粘贴到聊天里。它们应该填在“集成”里,而且 Wisy 本来也不会在聊天中接收。
  • 不小心换了语言。用另一种语言发后续消息,并不会翻译网站。想要翻译,就明确提出来。
  • 空洞的风格词。不给颜色、氛围和 logo,“现代”这个词什么也说明不了。
  • 要求编造社会认同。虚构的评价、客户 logo 或“10,000 位满意客户”会误导访客。使用经过授权的真实评价,或者干脆不放这个版块。
  • 在免费计划上贪多。免费计划的构建聚焦于一个能用的第一版。先做好核心流程,跑通后再加功能。

发送前检查清单

按下发送前,确认你的消息包含:

  • 一句话说清的目标
  • 每一类用户,包括作为管理员的你自己
  • 页面或版块清单
  • 要保存的所有数据,以及谁能查看和修改
  • 规则:人数上限、必填字段、限制条件、状态
  • 支付、邮件或其他服务,写明服务商
  • 风格:形容词、颜色,并附上 logo
  • 网站使用的一种或多种语言
  • 每个附件,以及它的用途
  • 用你的真实内容替换所有原本要让工具去猜的地方

发出你的第一条消息

挑一个最接近你项目的模板,填好方括号,附上文件,再对照清单检查一遍。想看从首条消息到绑定自己域名的完整流程,请读AI 建站教程:用 AI 做网站的 6 个步骤;想了解全局,请读AI 应用生成器是什么。还想找更多可以套用这些模板的项目灵感,可以看看用例。

用一条消息描述它,拿到一个在线链接:在 Community 计划上免费开始,无需绑卡。

F.A.Q.

常见问题

AI 建站提示词要写多长?
追求完整,而不是长度。一份写清目标、用户、页面、保存的数据、集成和风格的需求,很少需要超过一页。如果写得越来越长,就把清单挪到附件里:商品用 CSV,菜单用 PDF,“关于我们”的文案用文本文件。WisyLink 的 API 和 CLI 单条消息上限为 5,000 个字符。
可以用中文写提示词吗?
可以。Wisy 会用你最新一条消息的语言回复,中文、英文或其他语言都行。网站语言是单独设定的,不会跟着聊天语言走。请在提示词里写明,比如“网站使用英文”;也可以要求做多语言版本,每种语言会有自己的 URL 路径,以及供搜索引擎识别的规范语言标签。
可以上传我喜欢的网站截图吗?
建议上传你自家品牌素材的截图,比如传单、包装或现有网站,用来延续颜色和氛围。避免上传别家公司网站的截图:照搬对方的设计有法律和声誉风险,而且通常也不适合你的内容。更好的做法是写下你喜欢的特点,比如充足的留白、大幅照片或一个强调色。
Wisy 没有直接构建,而是先问我问题,怎么办?
这说明还有会影响结果的地方没说清,比如预约要不要收定金、谁可以创建账户。Wisy 每轮只问一个简短的问题,而且不会在同一轮里既提问又构建。用一两句话回答,它就会继续。按钮文字、版块顺序这类它能合理自行决定的细节,它会直接定下,不会来问你。
之后可以彻底改掉网站设计吗?
可以。在同一个对话里提出就行,例如:“把整个网站改成深色高级风格,保留所有页面和内容。”关键是说明哪些要保留,因为全面改版会动到每个页面。预约、订单、报名等已保存的数据与设计分开存储,改版不会影响它们。如果新的构建失败,当前版本会继续在线。
AI 建站可以改多少次?
每个网站没有固定的修改次数。每次修改都是一次构建,构建会消耗计划的滚动额度。在 Community 计划上,意味着每个 5 小时窗口构建一次,另有每周上限;付费计划额度更大,Growth 是 Starter 的 5 倍,Scale 是 20 倍。达到上限后,新请求会暂停到窗口重置,所以相关的修改要合并到一条消息里。
分享
XLinkedInFacebook