New to Claude Skills? Learn how to install them →

nexu-io on GitHub

Team OKRs

Free

Visualize your team's objectives and key results effectively.

by nexu-io84.9k stars on nexu-io/open-design
3 views
Updated Aug 10, 2026
Get this skill

Free · Opens the source repo

What Team OKRs does

The Team OKRs skill provides a structured approach to tracking objectives and key results (OKRs) on a single screen. Designed for teams looking to maintain clarity and focus on their goals, this skill generates a comprehensive OKR tracker that includes essential elements such as a quarter banner, objective cards, and a sidebar for quick insights. The layout is intuitive, featuring a banner that displays the current quarter and overall progress, along with three dedicated objective cards that highlight the objective title, owner avatar, and status. Each objective card contains three key results, each represented with a metric, current versus target values, and a progress bar for easy visualization.

The sidebar complements the main content by showcasing key performance indicators (KPIs), highlighting top movers, and identifying any blockers that may hinder progress. This organized presentation aids teams in maintaining alignment and accountability towards their goals. The design prioritizes clear progress visualization and employs a calm color palette with a single accent color to ensure that the information is both accessible and visually appealing.

This skill is particularly useful for project managers, team leads, and organizations that implement OKRs as a framework for goal setting and tracking. By utilizing this skill, teams can effectively communicate their objectives and key results, making it easier to assess progress and adjust strategies as needed. The output is a straightforward HTML artifact that can be easily integrated into existing workflows or dashboards, ensuring that your team's objectives are always front and center.

When to use it

Use this skill when you need to create a clear and concise OKR tracker for your team, especially during quarterly planning sessions.

When not to use it

This skill may not be suitable for teams that do not use OKRs or prefer more complex project management tools with additional functionalities.

What you can build with it

Quarterly Planning

Use the Team OKRs skill during quarterly planning sessions to establish and visualize team objectives.

Progress Reviews

Employ the skill to conduct regular progress reviews, allowing teams to assess their status against key results.

Goal Alignment

Utilize the tracker to ensure that all team members are aligned on objectives and understand their roles in achieving them.

How to install Team OKRs

View source

1. Install with the skills CLI

npx skills add nexu-io/open-design/team-okrs --agent claude-code

2. Or install it manually

Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.

Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs

Inside SKILL.md

Written by nexu-io

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>

Frequently asked questions about Team OKRs

Similar skills