Web & Frontendlow risk

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

nexu-io/open-design·design-templates/team-okrs/SKILL.md

60/ 100推荐值

↓

导入这个 Skill

选择你的 coding agent，复制项目级或个人级安装命令。

固定到平台收录的 commit

导入当前项目.agents/skills/team-okrs

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/design-templates/team-okrs -a codex -y

导入个人环境~/.agents/skills/team-okrs

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/design-templates/team-okrs -a codex -g -y

手动放置目录.agents/skills/team-okrsOfficial docs ↗

导入当前项目.claude/skills/team-okrs

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/design-templates/team-okrs -a claude-code -y

导入个人环境~/.claude/skills/team-okrs

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/design-templates/team-okrs -a claude-code -g -y

手动放置目录.claude/skills/team-okrsOfficial docs ↗

导入当前项目.agents/skills/team-okrs

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/design-templates/team-okrs -a github-copilot -y

导入个人环境~/.copilot/skills/team-okrs

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/design-templates/team-okrs -a github-copilot -g -y

手动放置目录.agents/skills/team-okrsOfficial docs ↗

导入当前项目.agents/skills/team-okrs

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/design-templates/team-okrs -a cursor -y

导入个人环境~/.cursor/skills/team-okrs

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/design-templates/team-okrs -a cursor -g -y

手动放置目录.agents/skills/team-okrsOfficial docs ↗

导入当前项目.agents/skills/team-okrs

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/design-templates/team-okrs -a gemini-cli -y

导入个人环境~/.gemini/skills/team-okrs

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/design-templates/team-okrs -a gemini-cli -g -y

Native Gemini CLIgemini skills install https://github.com/nexu-io/open-design.git --scope workspace --path design-templates/team-okrs

手动放置目录.agents/skills/team-okrsOfficial docs ↗

⚠ 安装命令使用开源 skills CLI。执行前请检查来源、脚本和权限。

Skill 指令

在 GitHub 查看原始文件 ↗

# 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>
```