open-design/skills/team-okrs/SKILL.md
Tom Huang 6f6bf31dd2
Refactor project name from "Open Claude Design" to "Open Design" (#1)
* Refactor project name from "Open Claude Design" to "Open Design"

- Updated project name in package.json, package-lock.json, and README files.
- Changed CLI commands and references from "ocd" to "od".
- Adjusted file structure references in documentation and code to reflect new naming conventions.
- Enhanced .gitignore to include new runtime data files.
- Updated metadata in LICENSE file to match new project name.

* Add contributing guidelines in English and Chinese

- Introduced CONTRIBUTING.md and CONTRIBUTING.zh-CN.md to provide clear instructions for contributors.
- Outlined contribution types, local setup instructions, and merging criteria for skills and design systems.
- Enhanced README files to reference the new contributing guidelines.
2026-04-28 16:03:35 +08:00

1.3 KiB

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>