team-okrs

Render an HTML OKR dashboard with objective cards, progress bars, and a KPI sidebar.

Updated Aug 27, 2026

Search Tags:#prototyping #dashboard #okr #objectives #key results #team-performance

Ready to run

npx skills add https://github.com/junainfinity/osmDesign --skill team-okrs

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: team-okrs
Source: https://github.com/junainfinity/osmDesign/tree/main/skills/team-okrs
Command: npx skills add https://github.com/junainfinity/osmDesign --skill team-okrs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teams struggle to visualize and track quarterly objectives and key results in a single, cohesive view.

Core Features & Use Cases

Single-screen OKR dashboard: quarter banner, three objectives with owner avatars, status pills, and progress bars.
Right-side at-a-glance KPIs: quick indicators for overall progress, blockers, and movers.
Output-ready artifact: produces a renderable HTML artifact for sharing and archival.

Quick Start

Create a single-screen OKR tracker for Q4 with three objectives, three key results per objective, owner avatars, status pills, progress bars, and a right-hand KPI sidebar.

Frequently Asked Questions about team-okrs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I track quarterly objectives and key results in a single dashboard view?▼

To track quarterly objectives and key results, this Skill renders a single-screen HTML dashboard featuring a quarter banner, objective cards with owner avatars, status pills, and progress bars to visualize team alignment.

Can I generate an HTML dashboard to monitor team OKR progress and blockers?▼

Yes, you can generate a renderable HTML artifact that includes a right-hand KPI sidebar to monitor overall progress, identify blockers, and track movers for quarterly team performance visibility.

Does this OKR tracker support responsive layouts for viewing on different devices?▼

The OKR tracker renders an HTML artifact using a calm palette and a responsive layout, ensuring the dashboard adapts to different screen sizes for viewing quarterly objectives and key results.

What is the best way to visualize team performance and KPI alignment for a quarter?▼

The best way to visualize team performance is by generating a single-screen dashboard with three objective cards, owner avatars, status pills, and a right sidebar displaying KPIs, movers, and blockers.

How many objectives and key results can I display in the generated dashboard?▼

The generated dashboard specifically displays three objective cards, with each objective supporting three key results, alongside progress indicators and a right-hand KPI sidebar for tracking quarterly visibility.