mcpField
T
team-okrs

team-okrs

github.com/mphinanceデザイン・UI3283 回インストール4 日前に更新
リポジトリ

team-okrs について

team-okrs は、目標、主要な成果、進捗を表示する1画面の OKR トラッカーを作るデザインスキルです。最初に DESIGN.md を読み、HTML を出力します。

主な機能

  1. 011画面の OKR トラッカーレイアウト
  2. 02四半期バナーと全体進捗
  3. 03担当者と状態を示す3つの目標カード
  4. 04主要な成果の指標と進捗バー
  5. 05KPI、進捗変化、障害のサイドバー

活用シーン

  1. 01四半期目標と全体進捗の表示
  2. 02目標担当者と主要な成果の追跡
  3. 03KPI、進捗変化、障害の確認

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/team-okrsを入力して読み込まれたか確認します。

同梱ファイルexample.htmlREADME.md

詳細

チーム OKR スキル

1 画面に収まる OKR トラッカーを作成します。

ワークフロー

  1. DESIGN.md を読みます。
  2. レイアウト：
    • 四半期バナー：Q4 FY25、日付、全体の進捗チップ。
    • 3 つの目標カード。それぞれに以下を含めます：
      • 目標タイトル + 担当者のアバター + ステータスピル（順調／注意が必要／遅延）
      • 3 つの主要な成果。それぞれを、指標／現在値 → 目標値／プログレスバーを含む行として表示します。
    • 右サイドバー：ひと目で分かる KPI、注目すべき変動、ブロッカーのコールアウト。
  3. 進捗を分かりやすく可視化し、落ち着いた配色にアクセントカラーを 1 色使います。

出力仕様

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

コメント

Markdown 対応