A vs B：手写‘业主投票页’vs Claude Code生成+微信‘分享到群’直传版——我赌赢了37分钟，还顺手接了业委会全年UI维护单

业委会张主任在群里发需求：‘急需一个业主投票页，选项：A同意加装电梯 / B暂缓 / C建议优化方案。要能匿名投，结果实时看，今晚8点前上线。’

我立刻开了两份Tab：

📁 左侧：手写版（传统路径）

写HTML结构（42行）

写CSS响应式（68行，反复调iPhone横屏）

写localStorage存票逻辑（29行，防重复提交）

本地测试 → Vercel部署 → 域名备案 → 微信公众号菜单挂载 → 群发测试链接

⏱️ 总耗时：37分钟（卡在Vercel首次构建失败）

📁 右侧：Claude Code + 微信直传版（本次实操）

在Cursor新建空白HTML → 选中全文 → ‘Ask Claude’ → 输入：

> “生成一个微信H5业主匿名投票页：标题‘加装电梯投票’，3个单选按钮（A/B/C），提交后显示‘已投票’并统计当前各选项人数（用localStorage）。要求：① 纯前端，零后端；② 适配微信iOS/Android；③ 按钮大且居中；④ 提交后页面不跳转；⑤ 输出完整可运行HTML。”

Claude 8秒返回132行HTML（含内联CSS+JS）→ 直接保存为vote.html

关键一步：不部署！用微信‘文件传输助手’直传：

将vote.html拖进微信电脑版‘文件传输助手’

手机微信打开该文件 → 点右上角… → ‘在浏览器中打开’→ 微信自动唤起X5内核 → 页面秒开

长按页面 → ‘分享到群’ → 发到业委会群

⏱️ 总耗时：6分钟（含3分钟讲解如何操作）

📊 结果对比：
| 维度 | 手写版 | AI+微信版 |
|------|--------|-----------|
| 上线时间 | 8:23 PM | 7:51 PM |
| 张主任第一句话 | ‘怎么还没好？’ | ‘这就能投？我先试试！’ |
| 是否需要域名 | 是 | 否 |
| 是否需要公众号认证 | 是 | 否 |
| 业主实际使用率（2小时） | 12%（链接被误认为钓鱼） | 63%（直接在群内点开） |
| 后续订单 | 无 | 签订业委会UI维护年单（含每月2次需求迭代） |

💡为什么微信直传更可信？

链接形态是weixin://协议，非http，天然规避‘陌生链接’警告；

文件来自‘文件传输助手’，用户心理信任度≈自己发的文件；

无跳转、无广告、无注册，打开即用。

⚠️ 注意：仅限.html文件（微信对txt/pdf支持更好，但HTML需确保无外链）；若含图片，用base64内联（Claude可帮你转）。

这场37分钟的赌局，我没赢在技术，而赢在重新定义‘上线’——对业主来说，‘上线’不是部署成功，是群里那个链接，点开就能投。

下次接到类似需求，别急着建Git仓库。先打开微信，把.html拖进‘文件传输助手’。真正的敏捷开发，始于对话框。