凌晨2:17，我把‘宠物驱虫倒计时’网页发到遛狗群——4小时后，3家宠物店问我‘能放门口扫码立牌吗？’
事情开始于一只叫“馒头”的柯基。
它上次驱虫是5月12日，医生说“每3个月一次”。我设了手机提醒，结果6月12日那天忘了——馒头挠得沙发全是毛。
凌晨2:17，我一边吸毛一边想：如果有个网页，打开就显示‘距离下次驱虫还有X天’，还带‘一键拨号’兽医电话，会不会少些悲剧？
于是，我打开Cursor，用Claude Code做了这个页面。
没有登录、没有账户、不连数据库——只有3个东西：
1️⃣ 一个大大的倒计时数字（实时计算）
2️⃣ 一个绿色「拨打电话」按钮（直连兽医）
3️⃣ 一行小字：「上次驱虫：5月12日｜下次建议：8月12日」
我把它发到了小区遛狗群。
没想到，4小时后，三家宠物店老板主动加我：
> “这页面，能放我们店门口立牌上吗？扫码就能看自家狗子的驱虫时间。”
> “能加我们店名和电话吗？我们送驱虫药，扫码领券。”
> “能做成A4大小，我们打印出来贴墙上？”
一夜之间，我的AI作品从“个人工具”变成了“门店刚需”。
下面，我把整个过程拆解成你能立刻复刻的5步。
---
✅ Step 1：用Claude Code生成核心倒计时（30秒）
在Cursor中新建countdown.html，输入Prompt：
生成一个纯前端宠物驱虫倒计时网页，要求：
显示“距离下次驱虫还有 X 天”（X为动态计算，基于当前日期和固定下次日期2024-08-12）
数字超大（font-size: 80px），居中，深蓝色#1E3A8A
下方一行小字：“上次驱虫：2024-05-12｜下次建议：2024-08-12”，灰色#64748B
一个绿色按钮：“📞 拨打XX宠物医院”，点击直接唤起电话（tel:+8613800138000）
全部用内联样式，不引用外部文件
输出完整HTML，无注释
Claude会给你一个开箱即用的页面，打开就能运行。
---
✅ Step 2：让倒计时“活”起来（加1行JS）
原代码是静态日期。我们要让它实时计算：
在底部加：
✅ 效果：每天打开都自动更新，不用重生成。
---
✅ Step 3：微信友好优化（3处微调）
style="display:block;padding:24px 0;" defer---
✅ Step 4：生成实体立牌（PDF+二维码）
用浏览器「打印」→「另存为PDF」→ 用免费工具（如 [qr-code-generator.com](https://www.qr-code-generator.com/)）生成链接二维码 → 插入PDF顶部。
我用Canva做了个A4模板：顶部二维码+中间倒计时+底部店名LOGO（客户自己提供），10分钟出图。
---
✅ Step 5：把网页变成“门店资产”
告诉宠物店：
> “您用自己手机号注册一个微信小商店（免费），把这网页链接设为‘商品详情页’，顾客扫立牌码，就等于进了您店铺——还能自动统计扫码人数。”
他们立刻懂了：这不是一个网页，是他们的「线下流量入口」。
---
💡 为什么这个简单页面能火？
---
🌱 我的成长启示
以前我以为“副业=接单做网站”，后来发现：
真正的副业机会，藏在客户说‘这能放我们门口吗？’的瞬间。
技术只是扳手，而你要学会听懂客户想拧哪颗螺丝。
下次做AI项目时，不妨多问一句：
🔹 这个页面，能贴在哪儿？
🔹 这个功能，谁会第一个用它？
🔹 这个链接，能不能变成一张纸、一块板、一个二维码？
当你开始思考「物理世界触点」，你的AI作品就真正落地了。
（附：本页面已托管，扫码即体验：https://pet-countdown.woshird.dev）