---
name: orbit-github
description: |
  Open Orbit 简报技能 — 当 GitHub 是用户唯一已连接的连接器，或当用户
  明确将每日摘要限定在 GitHub 范围内时，由 Orbit 管道选中。从用户的
  已认证 GitHub 连接中拉取过去 24 小时的 PR、审查请求、Issue、CI 运行
  与合并记录，并以镜像 GitHub 原生「通知 + PR 差异」视觉语言的布局
  进行呈现。此技能不应手动触发——由 Orbit 的每日摘要调度器基于实时
  GitHub 数据调用。
triggers:
  - "github briefing"
  - "github digest"
  - "pr digest"
  - "github 简报"
  - "代码活动汇总"
od:
  mode: prototype
  platform: desktop
  scenario: orbit
  featured: 2
  preview:
    type: html
    entry: index.html
  design_system:
    requires: false
  example_prompt: "Generate today's Open Orbit GitHub briefing. GitHub is my only connected connector — pull yesterday's PRs, review requests, issues, CI runs, and merges and render them as a GitHub Notifications + PR-diff page."
---

# Orbit · GitHub 简报

限定于 GitHub 的单连接器 Orbit 模板。

## ⚠️ 真实来源协议（请先阅读此部分）

**步骤 1.** 在编写任何输出之前，先打开并阅读此文件夹中附带的 `example.html`。
该文件是规范设计——你的任务是**复现它**，而非重新诠释。

**步骤 2.** 一比一镜像示例的结构：
- 相同的 DOM 层级结构与类名
- 相同的导航栏项目（且仅有这些）
- 相同的左侧筛选列表（且仅有这些）
- 相同的事件分组，顺序相同，行数相同
- 相同的差异预览位置、相同的 CI 失败块、相同的关注块
- 末尾相同的 `<script>` 块（筛选/悬停/链接注入）

**步骤 3.** 你可以刷新模拟值（PR 编号、标题、时间、CI 提交消息）使其读起来像是"今天"，但你**不得**凭空添加额外的 UI：不得新增侧栏条目、通知、事件类型、徽章或装饰元素。如果 `example.html` 中尚未存在的内容，就不应出现在你的输出中。

以下各节是**令牌与视觉语言的参考**——而非扩展页面的许可。

## ⚠️ 设计系统策略

此技能自带**完整**的视觉语言（GitHub 的 Primer 外观），内置于 `example.html` 中。用户**不得**被要求选择或附加设计系统，你**不得**将任何外部的 DESIGN.md 令牌注入输出中。

- 如果当前项目附加了设计系统，**忽略它**。
- 如果用户提供了品牌令牌或 Figma 文件，**忽略它们**。
- 仅使用 `example.html` 中定义的颜色/字体/圆角值。

这是一个硬性约束：简报必须读起来像一个真实的 GitHub 页面，而非用户的品牌页面。

## 画布令牌（使用以下精确值）

```
页面背景:       #f6f8fa
卡片背景:       #ffffff
导航栏:         #24292f  /* GitHub 黑色头部 */
导航文字:       #ffffff
正文色:         #1f2328
浅色文字:       #59636e
边框色:         #d0d7de
细分割线:       rgba(208,215,222,0.32)

状态 · 打开:    #1a7f37
状态 · 已合并:  #8250df
状态 · 已关闭:  #cf222e
状态 · 草稿:    #6e7781

关注背景:      #fff8c5  /* 黄色审查请求块 */
关注边框:      #d4a72c
CI 失败背景:   #ffebe9
CI 失败边框:   #cf222e
```

字体栈：
- `-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif`
- 字号：导航 14px，标题 16/20px，正文 14px，元信息 12px

## 页面章节

1. **顶部导航栏** — 全宽，深色（`#24292f`），高 60px。
   左侧：Octocat SVG 标志（白色，32px）+ 搜索输入框
   （背景 `rgba(255,255,255,0.08)`，白色占位文字半透明）。
   右侧：`+` 下拉菜单、通知铃铛（若未读数 > 0 显示红点）、圆形头像。

2. **标题行** — 导航栏下方的浅色条，高 56px。
   左侧：页面面包屑 `Inbox · Daily Digest · May 6`。
   右侧：筛选下拉芯片（`Type ▾  Date ▾  Status ▾`）。

3. **双栏主区域**：
   - **左侧栏**（240px）：垂直筛选列表。项目：
     `Inbox · Saved · Done · All` 之后是分隔线，然后是
     `Participating · Mentions · Review requests · Assigned · Comments`。
     当前活动项：浅灰色药丸背景。
   - **主面板**（flex 1）：按类别分组的事件流。

4. **主面板中的类别分组**（按此顺序）：
   - **等待你处理的审查请求** — 黄色关注块
     （背景 `#fff8c5`，1px 边框 `#d4a72c`）。每行：头像 + 仓库路径
     + PR 标题 + 审阅者状态小圆点行
     （✓ 绿色 / ⏳ 黄色 / ○ 灰色）+ "X of Y 位审阅者" + 时长。
   - **CI / 检查** — 每次失败运行均为红色边框卡片
     （边框色 `#cf222e`，背景 `#ffebe9`），带有红色 `✗` 符号、
     运行名称、分支名称（等宽字体）、提交消息、时长。
   - **分配给你的 Issue** — 普通行，状态圆圈（打开绿色/已关闭红色）、
     标题、仓库路径、时长、标签药丸。
   - **活动** — 较安静的行，用于合并/关闭操作；浅色文字、
     小型 `merged` 紫色药丸或 `closed` 红色药丸。

5. **可选的 PR 差异预览** — 在某条 PR 行下方内联展示
    2–3 行模拟代码，使用 12px 等宽代码块，带红色 `−` /
   绿色 `+` 前缀行，以及 `#ffebe9` / `#dafbe1` 行背景色。

6. **页脚** — 单行，12px 浅色文字：
   `Open Orbit · auto-generated 06:42 · GitHub only`。

## 药丸/芯片规则

- 状态药丸：药丸形状（border-radius 2em），12px 中等字重，4×8 内边距。
  前景白色，背景使用上述状态颜色。
- 标签（`bug`、`p1`、`frontend` 等）：GitHub 标签圆形药丸，每个
  标签使用各自任意的颜色。使用多样化的真实世界标签色调。
- 审阅者圆点：8px 实心圆，2px 间距，仅在你能保持视觉
  细腻的情况下使用 `✓ ⏳ ○` 字形。

## 实现约束（配对：不要做 / 要做）

| 不要做 | 要做 |
|---|---|
| 混合浅色与深色主题 | 保持在浅色 Primer 主题上（`#f6f8fa` 页面背景，`#ffffff` 卡片） |
| 使用非 GitHub 字体 | 仅使用 `-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif` |
| 将头像渲染为方形或圆角方形 | 始终为圆形，审阅者重叠 `≤ 6px` |
| 在装饰元素上使用阴影/渐变/发光效果 | 使用平面表面；通过 `#d0d7de` 1px 边框区分 |
| 使用 Lorem Ipsum | 编写真实的 GitHub 文案：PR 标题如 `feat: orbit briefing card`，分支如 `chore/upgrade-deps`，提交主题不超过 72 个字符 |
| 将 CI 失败渲染为普通行 | 包裹在红色边框卡片中（`#cf222e` 边框，`#ffebe9` 背景），带红色 `✗` 符号和运行名称 |
| 将审查请求渲染为普通行 | 放在黄色关注块中（`#fff8c5` 背景，`#d4a72c` 边框），带审阅者状态圆点行 |
| 使用占位仓库名称如 `org/repo` | 使用 `nexu-io/open-design`（该组织实际的主仓库） |
| 随意选取标签颜色 | 使用真实的开发团队色调——`bug` 红色，`enhancement` 蓝色，`documentation` 浅蓝色，`frontend` 紫色 |