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 "目标".

Team OKRs Skill

Produce a single-screen OKR tracker.

Workflow

Read DESIGN.md.
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.
Clear progress visualisation, calm palette, one accent.

Output contract

<artifact identifier="okr-q4" type="text/html" title="OKRs Q4">
<!doctype html>...</artifact>

安装中心

可直接安装到 9 个框架（另有 Cursor / Windsurf 需转换为 rules 格式）。悬停可查看各框架的技能目录。

方式一 · 复制提示词（推荐）

粘贴给你的 Claude Code，它会自己完成下载和安装（安装文件直接取自原始仓库）

请帮我安装技能「team-okrs」：
1. 从原始仓库下载技能文件：https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/team-okrs/SKILL.md（GitHub 上的 SKILL.md 原始文件）
2. 保存为 ~/.claude/skills/team-okrs/SKILL.md（目录不存在则创建）
3. 确认文件存在后，告诉我安装结果

方式二 · 命令行安装

npx CLI 跨平台可用（自动检测本机 Agent）；PowerShell 方式无需安装任何东西

npx ailine-skills add team-okrs

New-Item -ItemType Directory -Force "$HOME\.claude\skills\team-okrs" | Out-Null; curl.exe -fsSL "https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/team-okrs/SKILL.md" -o "$HOME\.claude\skills\team-okrs\SKILL.md"

方式三 · 前往原始仓库

第三方技能不由本站分发安装文件，请从原始仓库获取（上方命令/提示词已直连原始文件）

前往 GitHub 仓库 ↗查看 SKILL.md 原文件