🐟

A vs B：手写‘家庭健身打卡表’vs Claude Code生成版——我赌赢了27分钟，还顺手接了3个宝妈群管理单

站

站长

2026年4月20日 · 阅读 2229 · 点赞 101 · 预计 4 分钟

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

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

每天手动输日期、运动类型、时长、感受

每周日自己算总时长，截图发群

坚持超过5天的人不到12%

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

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

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

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

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

---

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

新建Excel → 表头：日期、运动类型、时长（min）、感受、备注（12分钟）

设置条件格式：时长>30标绿色（5分钟）

插入图表：柱状图显示周趋势（7分钟）

录制宏：自动生成周报（3分钟）

❌ 问题：

手机端编辑体验差，90%人放弃填表

数据无法自动同步，每人一份Excel

不能语音，不能提醒，不能分享

---

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

Step 1：生成核心功能

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

Claude返回代码含：

SpeechRecognition初始化（兼容Chrome/Edge）

语音转文字后匹配关键词：

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

自动存localStorage.setItem('workout-' + date, {type, duration, emoji})

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?'超额完成':'继续加油'}！;
}