5个被我藏进Cursor侧边栏的「免登录网页」AI模板：扫码即用，连域名都不用买
上周，一位做儿童美术培训的老师微信问我：“能不能先让我妈看看课表长啥样？她不用手机APP，也不肯下微信。”
我当场打开Cursor，新建文件 → 输入Prompt → 生成HTML → 右键「Preview in Browser」→ 得到一个本地链接 → 用微信「扫一扫」扫屏幕上的二维码 → 她妈的iPhone上立刻跳出带课程表、教师照片、上课地址的网页——全程3分47秒。
没有备案，没有SSL证书，没有“该网站不安全”提示。只有干净的HTML+CSS+JS，跑在浏览器里，像一张会动的电子海报。
今天分享5个我高频使用的「免登录网页」AI模板，全部存进Cursor侧边栏（Command Palette → Cursor: Add to Sidebar），点一下就生成。
---
📌 模板1：【活动预告页】——适合招生、团购、节日促销
Prompt关键词：
生成单页HTML，标题「暑假创意美术班报名」，含3个课程卡片（含年龄、课时、价格）、1个嵌入式表单（姓名+电话+孩子年龄）、底部固定微信客服二维码✅ 生成后操作：
src="qrcode.png" → 替换为你自己的客服二维码图片URL（可用[https://api.qrserver.com](https://api.qrserver.com)在线生成）；💡 场景实录：美院附中老师用这个页发家长群，当天收到21条咨询，3人直接转账占位。
---
📌 模板2：【作品展示墙】——适合画室、摄影、手工工作室
Prompt关键词：
生成响应式HTML画廊，显示9张作品图（用placeholder图片），每张图下方有标题+简短描述，点击放大，支持左右滑动✅ 生成后操作：
💡 注意：Claude Code默认用原生，无第三方库，加载飞快。
---
📌 模板3：【服务价目表】——适合理发、家政、维修等个体户
Prompt关键词：
生成折叠式HTML价目表，一级分类「剪发」「染烫」「护理」，每类展开显示3项服务+价格+时长，用CSS实现平滑过渡动画✅ 生成后操作：
.accordion-item 区域，替换文字和价格；transition: max-height 0.3s ease-in-out。💡 客户反馈：“比我在美团上看到的还清爽。”
---
📌 模板4：【预约确认页】——适合牙医、理疗、上门服务
Prompt关键词：
生成静态HTML确认页，顶部大标题「您的预约已提交」，显示用户姓名、服务类型、时间、地点、联系电话，底部两个按钮：「查看地图」（跳转高德）、「联系顾问」（tel:138xxxx）✅ 生成后操作：
https://uri.amap.com/marker?position=116.48,39.99&name=XX工作室 格式（坐标可用高德地图长按获取）；---
📌 模板5：【轻量问卷页】——适合调研、满意度、活动报名
Prompt关键词：
生成单页HTML问卷，含5个问题：单选（服务满意度）、多选（喜欢的课程类型）、文本框（建议）、日期选择（希望上课时间）、提交按钮。提交后显示「感谢！我们将24小时内联系您」✅ 生成后操作：
event.preventDefault()，不跳转；💡 零成本闭环：网页收信息 → 微信自动提醒 → 你手动跟进，不漏一条线索。
---
🔧 如何把它们变成你的「侧边栏快捷键」？
/templates/activity-preview.prompt；Cmd/Ctrl+Shift+P) → 输入 Cursor: Add to Sidebar → 选择该文件；不是所有客户都需要小程序。有时候，一张能扫码打开的网页，就是最锋利的销售钩子。
> ✅ 今日行动：
> - 选1个模板，复制Prompt；
> - 在Cursor中新建文件，粘贴运行；
> - 扫码预览，截图发给朋友问：“这个页面，你能看出是AI做的吗？”
答案大概率是：不能。因为真正的好工具，让人忘记工具本身。
---
延伸思考：这些网页甚至可以导出为PDF（Chrome → Print → Save as PDF），打印出来就是宣传单——AI不是替代你，是让你1个人干出设计+前端+运营3个人的活。