Team OKRs 技能指南

技能概述

Team OKRs 生成單屏 OKR 追蹤器。包含季度 Banner（Q4 FY25、日期、整體進度 chip）、3 個目標卡片（每卡含目標標題 + 負責人頭像 + 狀態藥丸 On track / At risk / Off track）、3 個 Key Results（每行含指標 / 當前 → 目標 / 進度條）和右側邊欄（KPI 總覽 / 最佳變動者 / 阻礙因素 Callout）。使用平靜色調，單一強調色。

觸發關鍵字

• OKR、OKRs、key results、objectives、目标

什麼時候用

• 季度 OKR 制定和追蹤
• 團隊目標進度匯報
• 管理層季度回顧
• OKR 狀態儀表板

使用方法

自然語言觸發

Build an OKR tracker for Q4 — three objectives, three key results each
生成 Q2 OKR 追蹤器，5 個目標
做個季度 OKR 頁面

指定技能

用 team-okrs 技能生成

工作流程

1. 讀取 DESIGN.md — 獲取設計系統 token
2. 生成布局：
   • 季度 Banner：Q4 FY25、日期、overall progress chip
   • 3 個 Objective 卡片，每卡含：
     • Objective 標題 + Owner avatar + 狀態藥丸（On track / At risk / Off track）
     • 3 個 Key Results，每行：metric / current → target / progress bar
   • 右側邊欄：at-a-glance KPIs、top movers、blockers callout
3. 清晰的進度視覺化 — 平靜色調，單一強調色
4. 輸出 HTML — 單文件內聯 CSS

輸出格式

單文件 HTML OKR 追蹤器：

• 季度 Banner + 整體進度
• 3 個 Objective 卡片（含進度條、狀態藥丸、負責人）
• 右側邊欄（KPI 總覽 / Top movers / Blockers）

實際例子

例子 1：Q4 OKR 追蹤器

用戶：「Build an OKR tracker for Q4 — three objectives, three key results each, progress bars, owners, status pills.」

生成：

• Objective 1：Increase user retention by 15% → KR1: DAU +12% / KR2: 7-day retention 45%→60% / KR3: churn rate <3%
• Objective 2：Ship 2 major features → KR1: 2FA launch / KR2: Export feature / KR3: NPS >50
• Objective 3：Grow team to 12 → KR1: Hire 3 engineers / KR2: Onboard all by Nov / KR3: eNPS >8

相關技能

• PM Spec
• HR Onboarding
• Dashboard