team-okrs
Helps your agent create a dashboard to track OKRs. It shows objectives, key results, and progress. Useful for managing team goals and projects.
What it does
This tool creates a visual page to track your team's Objectives and Key Results (OKRs). It shows the progress of each objective and its key results, helping to keep everyone informed.
When to use it
- ✓When you need to present the team's OKR progress.
- ✓When starting a new quarter and setting goals.
- ✓To quickly check the status of important projects.
Example of what to ask your AI
“Create an OKR dashboard for this quarter, showing our objective progress.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The tool organizes OKR information, like objectives, key results, and status, into an easy-to-understand page format. It uses visual elements like progress bars and colors to show advancement.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill team-okrsOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/team-okrs/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
Team OKRs Skill
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>
FAQ
What are OKRs?
OKRs stand for Objectives and Key Results. They are goals that define what you want to achieve (Objectives) and how you will measure success (Key Results).
What are 'status pills'?
These are small colored labels that indicate if an objective is 'On track', 'At risk', or 'Off track'.
What will be in the sidebar?
The sidebar shows a quick summary of the most important indicators, who is moving forward the most, and any issues that need attention.
Details
Original description by the author
OKR tracker page — quarter banner, three objectives with their key results as progress bars, owner avatars, status pills, and a "this quarter at a glance" sidebar. Use when the brief mentions "OKRs", "key results", "objectives", or "目标".
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #501
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
architecture-decision-records
Has your agent record important project structure decisions. It helps to understand the reasoning behind choices and maintain a clear history of changes.
affaan-m/ECC
code-tour
Lets your agent create step-by-step code walkthroughs with exact file and line anchors. It's useful for project introductions, code explanations, or change reviews. Helps understand how a system works.
affaan-m/ECC
codebase-onboarding
Helps your agent analyze unfamiliar code and create an onboarding guide. It includes an architecture map, entry points, and conventions. Ideal for starting on a new project.
affaan-m/ECC