mcpField
T
team-okrs

team-okrs

github.com/mphinance设计与 UI3283 次安装4 天前更新
代码仓库

关于 team-okrs

team-okrs 是用于生成单屏 OKR 跟踪页面的设计技能，展示目标、关键结果和进展。它先读取 DESIGN.md，并输出 HTML。

主要功能

  1. 01单屏 OKR 跟踪布局
  2. 02季度横幅与总体进度
  3. 03三个目标卡片及负责人状态
  4. 04关键结果指标与进度条
  5. 05KPI、进展变化与阻碍侧栏

适用场景

  1. 01展示季度目标及总体进度
  2. 02跟踪目标负责人与关键结果
  3. 03查看 KPI、进展变化和阻碍

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/mphinance/alpha-skills --skill team-okrs

安装后在 Claude Code 中输入/team-okrs确认已加载。

附带文件example.htmlREADME.md

详细介绍

团队 OKR 技能

生成单屏 OKR 跟踪器。

工作流

  1. 阅读 DESIGN.md。
  2. 布局：
    • 季度横幅：Q4 FY25、日期、整体进度徽标。
    • 三张目标卡片。每张卡片包含：
      • 目标标题 + 负责人头像 + 状态徽标（进展顺利 / 有风险 / 进展不佳）
      • 3 项关键结果，每项占一行，包含指标 / 当前值 → 目标值 / 进度条
    • 右侧边栏：一目了然的 KPI、进展最快的项目、阻碍事项提示框。
  3. 进度可视化清晰，配色沉稳，突出色仅用一种。

输出约定

<artifact identifier="okr-q4" type="text/html" title="OKRs Q4">
<!doctype html>...</artifact>

评论

支持 Markdown