Agent skill · design visual · nexu-io
team-okrs
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 "目标".
Why this skill is useful
Provides a specific design workflow for creating an OKR tracker with detailed layout and visual elements that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
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
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/team-okrs