Generates a desktop OKR dashboard with a quarter banner, three objective cards, and a sidebar for KPIs and blockers. Each objective shows three key results as progress bars, plus owner avatars and status pills (on track, at risk, off track). The layout is opinionated: fixed structure, calm palette, one accent color. You get a clean progress view without fighting layout decisions. Triggers on "OKRs", "key results", "objectives", or the Chinese equivalent. Good for when someone asks for a quarterly tracker and you want to skip the "should progress bars be horizontal or vertical" conversation.

skills.sh installs
229
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

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>

Sponsors

Details

Repository
github.com/nexu-io/open-design
Category
Design & UI/UX
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1community-access avatarweb-severity-scoringcommunity-access/accessibility-agentsCompute web accessibility scores (0-100, A-F grades) with severity scoring, confidence levels, and remediation tracking across audits.226skills.sh installs
2sanky369 avatarremotion-script-writersanky369/vibe-building-skillsWrite a complete, render-ready Remotion video script as structured JSON: analyze the user's codebase or product, break the video into timed scenes, specify ever224skills.sh installs
3paulrobello avatarcharacter-spritepaulrobello/claude-officeGenerate complete character sprite sheets for the Claude Office Visualizer agents. Creates all animation frames (idle, walking, typing, handoff, coffee) with co220skills.sh installs
4davila7 avatarneuropixels-analysisdavila7/claude-code-templatesNeuropixels neural recording analysis. Load SpikeGLX/OpenEphys data, preprocess, motion correction, Kilosort4 spike sorting, quality metrics, Allen/IBL curation217skills.sh installs
5pedronauck avatarpitch-deck-visualspedronauck/skillsInvestor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides217skills.sh installs
6sanky369 avatarproduct-videosanky369/vibe-building-skillsPlan an animated product video end-to-end: pick the video type, define the animation style and pacing, write a beat-by-beat shot list, and produce ready-to-run 213skills.sh installs