Team OKRs Skill
SkillMediateam-okrs is a skill that lets an AI agent build a one-page OKR tracker. It guides the agent through a fixed workflow to produce a quarter banner, three objective cards with owner avatars, status pills, and progress bars for each key result, plus a sidebar of headline metrics. The result is a self-contained HTML artifact.
Use Team OKRs Skill in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Team OKRs Skill and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Team OKRs Skill skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
No other account needed.
Have the project's DESIGN.md file available.
What your AI can do with it
- Build a quarter banner for the OKR page
- Create three objective cards with owner avatars
- Add status pills to each objective
- Render progress bars for each key result
- Include a sidebar of headline metrics
- Output the finished page as a self-contained HTML artifact
Getting started
- Have the project's DESIGN.md file available.
- Ask the agent to use the team-okrs skill when the brief mentions OKRs, key results, objectives, or 目标.
- Let the agent follow the fixed workflow to lay out the page.
- Collect the self-contained HTML artifact the agent produces.
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
- 99k
- Forks
- 11k
- Last commit
- Oct 2026
Others that do the same job
Questions
- What does the skill output?
- It outputs the finished page as a self-contained HTML artifact.
- What does the OKR tracker page include?
- It includes a quarter banner, three objective cards with owner avatars, status pills, progress bars for each key result, and a sidebar of headline metrics.
- When should I use this skill?
- Use it when the brief mentions OKRs, key results, objectives, or 目标.
- Does it require a DESIGN.md file?
- Yes, the workflow starts by reading the project's DESIGN.md.
- Can I customize the number of objectives?
- The skill lays out three objective cards as part of its fixed workflow.
Advanced
- Item type
- skill
- Key
team-okrs-2- Source
- github.com/nexu-io/open-design