Zakaria/open-design
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity
main
open-design/skills/team-okrs/SKILL.md
Zakaria a46764fb1b
Some checks failed
ci / Validate workspace (push) Has been cancelled
Details
landing-page-ci / Validate landing page (push) Has been cancelled
Details
landing-page-deploy / Deploy landing page (push) Has been cancelled
Details
github-metrics / Generate repository metrics SVG (push) Has been cancelled
Details
first-commit
2026-05-04 14:58:14 -04:00

1.3 KiB
Raw Permalink Blame History

name description triggers od
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 "目标".
okr
okrs
key results
objectives
目标
mode platform scenario preview design_system example_prompt
prototype desktop product
type entry
html index.html
requires sections
true
color
typography
layout
components
Build an OKR tracker for Q4 — three objectives, three key results each, progress bars, owners, status pills.

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>