Skip to content

Guide · Agent skill

How to use the Team OKRs Tracker agent skill

Updated · written with AI from the project's own documentation and checked against our catalogue data

The team-okrs skill teaches an AI agent to lay out a team's quarterly OKRs (Objectives and Key Results) as one static HTML page. It is built for team leads and managers who want a quick visual status page without designing a layout from scratch. After this guide you will know what the skill does, how to install it, how to ask for a page in natural language, and what limits to expect.

Team OKRs Trackernexu-io/html-anything · Apache-2.0

Quick start

  1. 1Download the ZIP. Get the team-okrs ZIP from our page.
  2. 2Unzip the skill folder. Extract the team-okrs folder so it contains SKILL.md and example.html.
  3. 3Place it in the skills folder. Put it in ~/.claude/skills/ for personal use or in .claude/skills/ inside a project.
  4. 4Or upload in the Claude apps. Open Settings, go to Capabilities, and upload the skill under Skills.
  5. 5Describe your quarter. Write a request with the quarter, theme, three objectives, key results, owners, values and statuses.
  6. 6Review the generated page. Check every number, owner and status against your source data before sharing.

What an agent skill is and what team-okrs makes the agent do

An agent skill is a folder with a SKILL.md file that gives an AI agent instructions for one kind of task. When a request matches the skill, the agent follows its structure instead of improvising.

team-okrs is a layout template for an OKR tracking page. Its stated intent is to show progress at a glance. The page includes a quarter banner with the quarter and a theme, three objective columns each holding a group of key results, and for each key result a progress bar, its value, an owner avatar and a status pill. A summary panel titled 'this quarter at a glance' sits on the right.

  • Quarter banner with the quarter and theme
  • Three objective columns, each with a set of key results
  • Per key result: progress bar, value, owner avatar, status pill
  • Right-side 'this quarter at a glance' summary
  • Output is static HTML, based on the included example.html

Install the team-okrs skill from the ZIP

Download the team-okrs ZIP from our page. Unzip it so that the team-okrs folder, containing SKILL.md and example.html, ends up in one of these locations:

For all your projects, use ~/.claude/skills/. For a single project, use the .claude/skills/ folder inside that project.

If you use the Claude apps instead, open Settings, go to Capabilities, and upload the skill under Skills.

  • Personal: ~/.claude/skills/team-okrs/
  • Project: .claude/skills/team-okrs/ inside your project
  • Claude apps: Settings → Capabilities → Skills, then upload

Trigger the skill with a natural request

You do not need a special command. Describe the page you want and include your objectives, key results, owners, progress values and statuses. The skill is aimed at requests for a quarterly OKR status page, so say that directly.

Good requests name the quarter, the theme, the three objectives and the numbers for each key result. The more specific your data, the more accurate the layout will be.

  • Make a quarterly OKR status page for our team. Q3, theme: reliable growth. Three objectives, each with two key results, with owner and status for each.
  • Build an HTML OKR snapshot I can share with leadership. Include a progress bar and status label per key result and a summary on the right.
  • Turn these OKRs into the team OKR dashboard layout: [paste objectives, KRs, owners, current values, targets].

Check the output before you share it

The skill formats the numbers you supply. It does not verify them. Compare every value, percentage, owner and status against your source data before sending the page to anyone.

The page is static. Once generated, it will not update when your tracker changes. To refresh it, give the agent the new figures and ask for the page again.

  • Verify each KR value and progress bar against your source
  • Confirm owner names and status labels
  • Regenerate the page when figures change

Safety notes: scripts and network

According to the listing, team-okrs requires nothing beyond the skill itself, runs no scripts and uses no network. It does not connect to tools such as Jira or Google Sheets, so it cannot pull live data. Everything the page shows must come from the information you give the agent in the conversation.

  • Requires: nothing listed
  • Runs scripts: no
  • Uses network: no
  • No live data connection to Jira, Sheets or other trackers

Tips for a clearer OKR page

The layout expects three objective columns, so group your goals into three before asking. Keep each key result to a single measurable value so the progress bar has a clear meaning. Ask the agent to follow the example.html structure if you want the result to match the template closely.

  • Use exactly three objectives to match the layout
  • Give each key result one number and one target
  • Name a status label for each key result, such as on track or at risk, so the pill is meaningful
  • Refer to example.html when you want a closer match to the template

What people use it for

  • A team lead's end-of-quarter status page for a leadership review
  • A product manager's sharable OKR snapshot for stakeholders
  • An operations manager's quick visual summary of three quarterly goals
  • A one-off HTML dashboard when you do not want to design a layout yourself

Frequently asked questions

How do I install the team-okrs skill?

Download the ZIP from our page and unzip it so the team-okrs folder with SKILL.md and example.html sits in ~/.claude/skills/ for personal use or in .claude/skills/ inside a project. In the Claude apps, open Settings, go to Capabilities, and upload it under Skills.

Does team-okrs require anything else to run?

The listing states that it requires nothing and that it runs no scripts and uses no network. It is a layout template, so it needs only the skill files and an agent that can read them.

Is team-okrs free to use?

The source lists the licence as Apache-2.0. The source does not state any price, so check the repository licence for terms.

Can team-okrs pull live data from Jira or Google Sheets?

No. The skill produces static HTML and has no data connection, so it cannot pull from Jira or Sheets. You need to provide the figures in your request, and you must regenerate the page to update it.

Does the skill check whether my OKR numbers are correct?

No. The agent formats the numbers you supply but the skill does not verify them, so review values against your source before sharing the page.

What is the difference between team-okrs and a full OKR tool?

team-okrs only creates a one-time visual HTML page from the data you give it. A full OKR tool tracks goals over time and can update automatically, which this skill does not do.

New agent skills, repos and AI tools — every week

The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.

Our verdict

Use team-okrs if you need a quick, attractive, static HTML status page for three quarterly objectives and you will supply the numbers yourself. Pick a live OKR tool or a tracker connected to your data sources if you need automatic updates or official, verified reporting.

Download the skill