團隊 OKR 同步模板

企業內部科技彙報

示例：潮汐資料組 · Q4 OKR 進度同步 · 目標進度環

幫我把我們組這個季度的 OKR 做成一個手機上好看的進度同步網頁，發在團隊群裡，大家每週在頁面裡更新自己的進度。頁頭是團隊名、部門、第幾週同步、本季起止日期、組長和人數；首屏最大的是一個團隊進度圓環：外環是按 KR 進度加權彙總的團隊進度（每個 O 取名下 KR 的平均，再按 O 的權重相加），內環是本季時間已過去多少，旁邊寫時間進度和剩餘天數，進度落後於時間就用一行提示色寫「比時間慢 N 個點」並點名紅燈的 KR，下面兩條 O 的進度條。接著「目標與關鍵結果」：每個 O 下列 KR，每條帶負責人（首字色塊頭像）、當前值 / 目標值、進度條（條上一根虛線標時間進度）和信心三檔（有信心 / 有風險 / 要幫忙，綠黃紅）。然後「成員」：一排頭像可點，點誰就只看誰的卡片，卡片裡是他的個人進度小環和名下的 O / KR。再是「更新我的進度」表單（我是誰、更新哪條 KR、進度滑桿、信心三選一、一句話說明），提交存進一張資料表，頁面就地更新那條 KR 和圓環；頁面開啟時讀這張表，每條 KR 取最新一條覆蓋，並在「最近更新」裡按時間列出來。最後寫下次對齊會的時間地點。少用底色塊，用細線分隔；電腦上排成看板：圓環和 O 橫排在上，下面左邊 KR、右邊成員。每週更新到同一個連結。

參考模板：先讀 https://space.24haowan.com/examples/sample-okr-sync/agent.md ，照它的結構和版式做，內容全部換成我的；做成一個單檔案 HTML（樣式寫在頁面裡、不引用外部檔案，手機上好看），並提供 .html 檔案下載。
· 你有活頁工具（MCP）：用樣例 sample-okr-sync 當底稿（list_examples key=sample-okr-sync），發成活頁，先給我看預覽。
· 沒有活頁工具、但能發 HTTPS 請求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-okr-sync ，把返回的預覽連結和認領連結給我（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-okr-sync/agent.md 做一份我自己的「潮汐資料組 · Q4 OKR 進度同步」，發成活頁，先給我看預覽。

我的要求：幫我把我們組這個季度的 OKR 做成一個手機上好看的進度同步網頁，發在團隊群裡，大家每週在頁面裡更新自己的進度。頁頭是團隊名、部門、第幾週同步、本季起止日期、組長和人數；首屏最大的是一個團隊進度圓環：外環是按 KR 進度加權彙總的團隊進度（每個 O 取名下 KR 的平均，再按 O 的權重相加），內環是本季時間已過去多少，旁邊寫時間進度和剩餘天數，進度落後於時間就用一行提示色寫「比時間慢 N 個點」並點名紅燈的 KR，下面兩條 O 的進度條。接著「目標與關鍵結果」：每個 O 下列 KR，每條帶負責人（首字色塊頭像）、當前值 / 目標值、進度條（條上一根虛線標時間進度）和信心三檔（有信心 / 有風險 / 要幫忙，綠黃紅）。然後「成員」：一排頭像可點，點誰就只看誰的卡片，卡片裡是他的個人進度小環和名下的 O / KR。再是「更新我的進度」表單（我是誰、更新哪條 KR、進度滑桿、信心三選一、一句話說明），提交存進一張資料表，頁面就地更新那條 KR 和圓環；頁面開啟時讀這張表，每條 KR 取最新一條覆蓋，並在「最近更新」裡按時間列出來。最後寫下次對齊會的時間地點。少用底色塊，用細線分隔；電腦上排成看板：圓環和 O 橫排在上，下面左邊 KR、右邊成員。每週更新到同一個連結。

分享海報

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