mcpField
T
team-okrs

team-okrs

github.com/mphinanceDesign & UI3283 installsUpdated 4d ago
Repository

About team-okrs

team-okrs is a design skill for creating a single-screen OKR tracker with objectives, key results, and progress. It reads DESIGN.md first and outputs HTML.

Key features

  1. 01Single-screen OKR tracker layout
  2. 02Quarter banner and overall progress
  3. 03Three objective cards with owners and status
  4. 04Key result metrics and progress bars
  5. 05Sidebar for KPIs, movers, and blockers

Use cases

  1. 01Displaying quarterly objectives and overall progress
  2. 02Tracking objective owners and key results
  3. 03Reviewing KPIs, progress changes, and blockers

Install

Copy the command and run it in a terminal.

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

After installing, type/team-okrsin Claude Code to confirm it loaded.

Bundled filesexample.htmlREADME.md

Details

From the project README

Team OKRs Skill

Produce a single-screen OKR tracker.

Workflow

  1. Read DESIGN.md.
  2. Layout:
    • Quarter banner: Q4 FY25, dates, overall progress chip.
    • Three objective cards. Each has:
      • Objective title + owner avatar + status pill (On track / At risk / Off track)
      • 3 key results, each a row with metric / current → target / progress bar
    • Right sidebar: at-a-glance KPIs, top movers, blockers callout.
  3. Clear progress visualisation, calm palette, one accent.

Output contract

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

Comments

Markdown supported