免费在 GitHub 公开中文介绍

team-okrs

将团队季度目标与关键成果制作成单屏HTML原型，以进度条、负责人和状态标签展示进展，并在侧栏汇总主要指标、显著变化及阻碍推进的问题。

原文查看原文说明

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

AI 评分90分/ 100 查看安装方法

适用场景

制作团队季度目标界面原型
对比关键成果的当前值与目标值
并列查看目标负责人和进展状态
汇总季度主要指标与阻碍问题

中文介绍

功能

制作可查看季度OKR的桌面端HTML界面原型。OKR是一种将目标与衡量其达成程度的关键成果相结合的方法。界面包含三张目标卡片，每张显示负责人头像、状态标签和三项关键成果。各项成果通过当前值、目标值和进度条展示进展。

适用场景

适合探索如何在一个界面中概览团队的季度目标。右侧栏汇总主要指标、变化显著的项目，以及阻碍推进的问题。页面顶部展示季度起止时间和整体进度，采用平和的配色，并以一种强调色呈现进展。

使用示例

“请制作Q4的OKR界面，包含三个目标，每个目标各有三项关键成果。”
“请制作进度界面原型，让人能看清负责人、正常推进或存在风险或进度落后的状态，以及当前值和目标值。”

注意事项

使用前须阅读说明颜色、字体、布局与组件规范的DESIGN.md。交付内容是单屏HTML原型，资料没有说明数据保存或与外部服务同步的功能。

本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么: A良好明确说明用于OKR相关需求，目标是制作单屏进度跟踪界面。
步骤具体性步骤、输入输出和示例是否具体: A良好具体规定了阅读DESIGN.md、卡片与侧栏的内容，以及HTML输出格式。
安全性发送数据、删除文件、执行命令等是否有说明: A良好流程仅涉及阅读DESIGN.md和生成HTML，没有外部发送或删除指令。
安装难易度所需工具和 API 密钥是否少且有说明: B部分不足依赖DESIGN.md中的颜色、字体、布局和组件定义，但未说明如何准备该文件。

总分按每项 A=25 分、B=15 分、C=5 分相加。由 AI（OpenAI Codex）于 2026年10月20日评估。仅供参考，安装前请同时查看原文。

如果您认为评估有误，请申请复核

包含的文件（2）

SKILL.md1.3 KB
example.html11.8 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

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>

评价

还没有评价。欢迎分享你的使用感受。

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

同一仓库的技能