健身打卡挑戰模板

醫療個人·家庭每日一練

示例：21 天燃脂挑戰 · 第 9 天 · 打卡挑戰

幫我給我帶的健身打卡群做今天這一頁，發成一個網頁連結，以後每天更新同一個連結：首屏是深色的訓練舞臺，頂上是群名、教練和靜音鍵，一個很大的「第 9 天 / 21」和日期，一句今天的主題和時長；下面 2×2 四個動作，每個是用 SVG 畫的小人在迴圈做這個動作（開合跳、深蹲、後撤弓步、臀橋，正在用力的部位標成橙色），配動作名和一句要點；再下面一個大的「開始今日訓練」按鈕和「群裡今天已有 N 人打卡」的一排小頭像。點開始進入全屏訓練：準備 5 秒，然後 4 個動作 × 3 輪，每個 40 秒、休息 20 秒，中間一個倒計時圓環（練是橙色、休息是綠色），圓環裡是小人和秒數，下面是動作名、要點和「接下來做什麼」，頂上 12 段進度條，有暫停和跳過；每秒響一聲合成的節拍音、最後 3 秒提示音（點了開始才響，能靜音）。練完撒綵帶，出一張「今日已完成」卡：用時、組數、千卡、21 天進度條，填群暱稱就能打卡，存進一張資料表（name / day / minutes）。往下是 21 天進度（7 列 3 行，練過的日子點亮火焰並寫那天打卡人數，今天那格輕輕發光，拉伸日用綠色虛線）、「今日已打卡 N 人」頭像牆（頭像按名字生成的抽象圖形）和連續打卡天數榜，都從這張表讀回；然後一條今日飲食建議（配一張分好比例的盤子圖）、明日預告，頁末再放一張打卡表單。手機豎屏為主；電腦上訓練舞臺居中，左邊進度和飲食，右邊打卡牆和榜單。系統要求減少動效時小人不動，不跑指令碼時動作表、榜單和打卡表單照樣能看能交。

參考模板：先讀 https://space.24haowan.com/examples/sample-fitness-challenge/agent.md ，照它的結構和版式做，內容全部換成我的；做成一個單檔案 HTML（樣式寫在頁面裡、不引用外部檔案，手機上好看），並提供 .html 檔案下載。
· 你有活頁工具（MCP）：用樣例 sample-fitness-challenge 當底稿（list_examples key=sample-fitness-challenge），發成活頁，先給我看預覽。
· 沒有活頁工具、但能發 HTTPS 請求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-fitness-challenge ，把返回的預覽連結和認領連結給我（7 天臨時連結）。
如果你還沒有活頁聯結器（MCP），先讀 https://space.24haowan.com/for-agents.md ，照裡面的說明接入，或不登入直接發布。

豆包、DeepSeek、Kimi、元寶、ChatGPT、Claude……能上網讀連結的都可以

看真頁面

發成微信裡能開啟的連結

WorkBuddy、Claude、Codex 等支援 MCP 的 Agent，微信掃碼登入

第一次在 WorkBuddy 裡接活頁？看圖文手冊 ›

幫我接入活頁：先讀 https://space.24haowan.com/for-agents.md ，一步步帶我完成；然後參考 https://space.24haowan.com/examples/sample-fitness-challenge/agent.md 做一份我自己的「21 天燃脂挑戰 · 第 9 天」，發成活頁，先給我看預覽。

我的要求：幫我給我帶的健身打卡群做今天這一頁，發成一個網頁連結，以後每天更新同一個連結：首屏是深色的訓練舞臺，頂上是群名、教練和靜音鍵，一個很大的「第 9 天 / 21」和日期，一句今天的主題和時長；下面 2×2 四個動作，每個是用 SVG 畫的小人在迴圈做這個動作（開合跳、深蹲、後撤弓步、臀橋，正在用力的部位標成橙色），配動作名和一句要點；再下面一個大的「開始今日訓練」按鈕和「群裡今天已有 N 人打卡」的一排小頭像。點開始進入全屏訓練：準備 5 秒，然後 4 個動作 × 3 輪，每個 40 秒、休息 20 秒，中間一個倒計時圓環（練是橙色、休息是綠色），圓環裡是小人和秒數，下面是動作名、要點和「接下來做什麼」，頂上 12 段進度條，有暫停和跳過；每秒響一聲合成的節拍音、最後 3 秒提示音（點了開始才響，能靜音）。練完撒綵帶，出一張「今日已完成」卡：用時、組數、千卡、21 天進度條，填群暱稱就能打卡，存進一張資料表（name / day / minutes）。往下是 21 天進度（7 列 3 行，練過的日子點亮火焰並寫那天打卡人數，今天那格輕輕發光，拉伸日用綠色虛線）、「今日已打卡 N 人」頭像牆（頭像按名字生成的抽象圖形）和連續打卡天數榜，都從這張表讀回；然後一條今日飲食建議（配一張分好比例的盤子圖）、明日預告，頁末再放一張打卡表單。手機豎屏為主；電腦上訓練舞臺居中，左邊進度和飲食，右邊打卡牆和榜單。系統要求減少動效時小人不動，不跑指令碼時動作表、榜單和打卡表單照樣能看能交。

分享海報

微信里長按圖片儲存或轉發給朋友；掃碼就能開啟這個模板。

下載海報

這份模板

健身教練、瑜伽 / 跑步搭子、減脂營要帶一個 21 天（或 7 / 30 天）打卡群：每天發同一個連結，群友點開跟著計時器練完當場打卡，群裡看頭像牆和連續天數榜，選它。一個人備考、自學、按階段排計劃自己打卡，選 sample-study-plan；每天背幾個單詞、做一道題，選 sample-words-daily；不帶訓練、只想讓大家在地圖上點亮去過的地方，選 sample-checkin-map。

頁面結構：今日訓練 · 21 天進度 · 今日打卡與連續榜 · 今日飲食 · 明日預告 · 打卡

首屏 4 個內聯 SVG 小人動作迴圈演示，點開始進入全屏訓練：倒計時圓環、休息提示、Web Audio 合成節拍音（點按後才響，可靜音）、輕震，練完撒綵帶 +「今日已完成」卡
打卡寫回資料表（原生表單 POST ./_data/checkins），頁面讀回「今日已打卡 N 人」頭像牆（名字現畫的抽象 SVG 頭像）、連續打卡榜與 21 格進度
同一連結每天更新（第幾天、今日動作、飲食、明日預告），打卡記錄不隨版本變
微信卡片（share.title / share.desc），發到打卡群

發之前要備好：資料表 checkins（列 name / day / minutes，append_open=true）：訓練完成卡和頁末的打卡表單都寫進這裡，頁面讀回頭像牆、連續打卡榜和 21 格人數；發布前先用 set_data 建好，挑戰結束把 append_open 關掉

看模板原始碼 ›

這份哪裡不合適？提改進建議模板工廠每天看一次，改好了寫進改進記錄

健身打卡挑戰模板

同類案例