🏋️‍♀️ 打卡表不是表格，是行为助推器

上个月，我妹拉我进一个「产后恢复打卡群」，群里92%成员用Excel手填：

我说：「不如做个网页，说话就能打卡？」她笑：「你写个Excel宏我都等不及。」

于是我打开Cursor，在Claude Code里输入：

> 生成一个家庭健身打卡页。要求：
> - 点击「语音打卡」按钮，调用Web Speech API录音10秒，转文字识别运动类型（如‘跳绳’‘瑜伽’）
> - 自动记录时间、时长（根据语音关键词估算）、心情emoji（语音含‘累’→ 😩，含‘爽’→ 😎）
> - 每日打卡后，生成3句话周报（例：‘本周跳绳4次，累计32分钟，进步显著！’）
> - 支持微信分享到群，点击即查看自己历史记录

38秒后，代码生成。我部署上线，发链接到群。当晚，3个宝妈私信：「能改成我们游泳馆会员打卡吗？」「能加孩子体能训练项吗？」「能导出PDF给医生看吗？」

下面，用27分钟，带你做完这场「胜负已定」的对比。

---

⚖️ A：手写Excel打卡表（耗时27分钟）

❌ 问题：

---

⚖️ B：Claude Code生成版（耗时0分钟，部署3分钟）

Step 1：生成核心功能

Prompt中强调：「用Web Speech API，不依赖后端，所有数据存在localStorage」

Claude返回代码含：

  if (text.includes('跳绳')) duration = 15;
  if (text.includes('瑜伽')) duration = 45;
  

Step 2：加微信分享（1分钟）

用微信JSSDK：

wx.miniProgram.postMessage({ data: { url: window.location.href } });

实际用navigator.share()更轻量（适配iOS）：

if (navigator.share) {
  navigator.share({ title: '我的健身周报', text: report, url: window.location.href });
}

Step 3：生成周报（Claude写好，直接复制）

function generateWeeklyReport() {
  const days = ['周日','周一','周二','周三','周四','周五','周六'];
  const week = days.map((d,i) => {
    const date = new Date();
    date.setDate(date.getDate() - (date.getDay() - i + 7) % 7);
    return localStorage.getItem(`workout-${formatDate(date)}`) || null;
  });
  const total = week.filter(Boolean).reduce((a,c) => a + (c.duration || 0), 0);
  return `本周共运动${week.filter(Boolean).length}天，累计${total}分钟，${total>180?'超额完成':'继续加油'}！`;
}

Step 4：部署（2分钟）

✅ 效果：

---

💡 为什么宝妈群疯抢这个工具？

真正的「零基础友好」，是让技术隐形，让行为自然发生。

> 🌟 延伸：同套逻辑已用于「宝宝辅食添加记录」「老人服药提醒」「宠物驱虫打卡」——底层都是：语音→存本地→自动分析→分享激励。

立即尝试：复制本文Prompt，让Claude Code为你生成专属打卡页。截图打卡#life-hacks，抽5人送《语音交互Prompt锦囊》。