快速搭建网站原型需用三步提示词：声明技术盲区、限定单HTML文件无外部依赖、强调交互实时生效；落地页表单须禁用后端调用并指定mock反馈；换UI风格要锚定像素参数并输出diff；响应式导航栏需约束断点与兼容性实现；公众号排版须符合微信过滤规则。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
快速搭建网站原型用什么提示词
需要30分钟内跑通一个可交互的网站原型，不写一行代码、不配环境、不装依赖，只靠自然语言让AI生成完整HTML文件并能直接双击打开预览。
第一步：告诉AI你的真实技术盲区——明确声明“我不会写代码，也不安装任何开发工具”。这句看似多余的话，能强制AI放弃Node.js启动脚本、Vite配置等所有本地运行方案，转而输出单HTML文件。
第二步：限定输出载体为【一个纯HTML文件，包含全部CSS和JavaScript，无外部资源引用】。漏掉“无外部资源引用”会导致AI引入CDN链接，一旦网络断开或CDN失效，页面立即白屏。
第三步：指定核心交互必须实时生效——例如“左侧输入Markdown，右侧立刻渲染成公众号风格排版；切换标题样式时，预览区同步更新，不刷新页面”。AI默认倾向静态快照，不强调“实时”二字，它大概率只生成初始渲染结果。
生成带表单的落地页提示词写法
要让AI生成的落地页能真正收数据，不能只说“加个报名表单”，必须把后端幻觉提前掐灭。
方法一：主动封死服务器路径
在提示词末尾加上“所有表单提交动作仅触发alert('已收到')，禁止生成action属性、禁止出现fetch或axios调用、禁止模拟API接口”。【这是唯一能阻止AI擅自连MongoDB或调用未授权云函数的方法】
方法二：用mock行为替代真实提交
写明“点击提交按钮后，在表单下方显示绿色提示条‘感谢报名，我们将在24小时内邮件联系您’，同时清空输入框”。这种确定性反馈比留空submit事件更符合落地页真实用途。
给现有网站换UI风格的精准提示词
当你已有HTML文件，只想换视觉不改结构，最怕AI重写整个DOM树导致JS绑定失效。
第一：上传原始HTML，并强调“只修改
在克隆的 Git 仓库中驱动完整的规格驱动开发生命周期（init→需求→架构→流程设计→项目计划→编码→测试→缺陷修复→代码审查→发布）。阶段门控、产物强制输出、多语言支持，内置提交机制。
第二：给出风格锚点而非抽象描述——不要说“现代简约”，要说“参考https://linear.app首页的导航栏高度（56px）、字重（600）、悬停下划线颜色（#007AFF）和过渡时长（200ms）”。AI无法理解“简约”，但能精确复刻像素级参数。
第三：要求输出diff式结果——“用和包裹改动行，未改动部分原样保留”。这样你能一眼定位AI是否误删了某个关键class。
生成响应式导航栏的防坑提示词
AI生成的导航栏在手机上常出现三类硬伤：汉堡菜单不弹出、子菜单错位、点击穿透到下层元素。
必须在提示词中嵌入设备断点约束：“导航栏在屏幕宽度≤768px时自动折叠为汉堡图标，点击后以全屏覆盖方式展开垂直菜单，菜单项点击后关闭面板并跳转锚点——所有交互逻辑用原生JavaScript实现，不依赖Bootstrap或Tailwind的JS插件”。
补充一句关键限制：“禁用transform: translateX()实现侧滑，改用max-height + overflow-hidden + transition控制显隐”。【前者在iOS Safari上存在点击区域偏移bug，后者是唯一兼容方案】
生成可复制粘贴的微信公众号排版代码
目标不是做个网页，而是产出能直接粘进微信编辑器的HTML片段，且不被微信过滤掉。
写出具体过滤规则：“禁用所有
最后加一道保险：“生成的代码段用包裹，确保复制时不会意外执行script”。
