team-okrs
OKR (Objectives and Key Results) dashboard with progress bars, owner avatars, and quarterly grouping. Use for "OKRs", "goals", "objectives", "Q1 goals".
Files1
View on GitHubSKILL.mdskills/team-okrs/SKILL.md
GitHubTeam OKRs Skill
Produce an OKR tracking page.
Layout
- Header: quarter selector, team name, overall progress ring.
- Objectives: one card per objective.
- Title, owner avatar + name.
- Progress bar (0–100%).
- Key Results list: each with mini progress bar, target metric, current metric, confidence score (0.0–1.0).
- Status badge: On track / At risk / Behind.
Rules
- Progress bars use accent color. Behind status uses subtle red.
- Confidence score as small mono number.
- Cards have subtle left border colored by status.
data-df-idon each objective card and key result.
Output
Single index.html, inline CSS.