Team OKRs Skill
SkillMediateam-okrs is a skill that guides an AI agent through building a single-screen OKR tracker page. Given a brief that mentions OKRs, key results, objectives, or 目标, the agent produces a quarter banner, three objective cards with owner avatars and status pills, progress bars for each key result, and an at-a-glance sidebar, delivered as a self-contained HTML artifact.
Available today. Use it from your connected AI after setup.
No other account needed.
Have a DESIGN.md in the project covering color, typography, layout, and components, since the skill requires a design system.
Then ask your AI: use the Team OKRs Skill skill
What your AI can do with it
- Builds a quarter banner with dates and an overall progress chip
- Lays out three objective cards with owner avatars and status pills (On track / At risk / O
- Renders each key result as a row with metric, current → target, and a progress bar
- Adds a right sidebar with at-a-glance KPIs, top movers, and a blockers callout
- Outputs the finished page as a self-contained HTML artifact
- Follows the project's DESIGN.md for color, typography, layout, and components
Getting started
- Have a DESIGN.md in the project covering color, typography, layout, and components, since the skill requires a design system.
- Add the team-okrs skill to the agent's available skills.
- Prompt the agent with an OKR request, for example: build an OKR tracker for Q4 with three objectives, three key results each, progress bars, owners, and status pills.
- The skill can also trigger on briefs mentioning "OKRs", "key results", "objectives", or "目标".
- Receive the finished tracker as a self-contained HTML artifact.
What this skill tells your AI
The instructions your AI receives, as published by nexu-io/open-design in design-templates/team-okrs/SKILL.md and read by ahel’s review.
Produce a single-screen OKR tracker.
Workflow
- Read DESIGN.md.
- 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.
- Clear progress visualisation, calm palette, one accent.
Output contract
<artifact identifier="okr-q4" type="text/html" title="OKRs Q4">
<!doctype html>...</artifact>
Signals
- GitHub stars
- 98k
- Forks
- 11k
- Last commit
- Sep 2026
Others that do the same job
Questions
- When does this skill activate?
- When the brief mentions "OKRs", "key results", "objectives", or "目标", these are its listed triggers.
- What does it output?
- A single-screen OKR tracker page delivered as a self-contained HTML artifact.
Advanced
- Item type
- skill
- Key
team-okrs-2- Source
- github.com/nexu-io/open-design