7.1 KiB
name, description, triggers, od
| name | description | triggers | od | |||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| orbit-github | Open Orbit 简报技能 — 当 GitHub 是用户唯一已连接的连接器,或当用户 明确将每日摘要限定在 GitHub 范围内时,由 Orbit 管道选中。从用户的 已认证 GitHub 连接中拉取过去 24 小时的 PR、审查请求、Issue、CI 运行 与合并记录,并以镜像 GitHub 原生「通知 + PR 差异」视觉语言的布局 进行呈现。此技能不应手动触发——由 Orbit 的每日摘要调度器基于实时 GitHub 数据调用。 |
|
|
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
页面章节
-
顶部导航栏 — 全宽,深色(
#24292f),高 60px。 左侧:Octocat SVG 标志(白色,32px)+ 搜索输入框 (背景rgba(255,255,255,0.08),白色占位文字半透明)。 右侧:+下拉菜单、通知铃铛(若未读数 > 0 显示红点)、圆形头像。 -
标题行 — 导航栏下方的浅色条,高 56px。 左侧:页面面包屑
Inbox · Daily Digest · May 6。 右侧:筛选下拉芯片(Type ▾ Date ▾ Status ▾)。 -
双栏主区域:
- 左侧栏(240px):垂直筛选列表。项目:
Inbox · Saved · Done · All之后是分隔线,然后是Participating · Mentions · Review requests · Assigned · Comments。 当前活动项:浅灰色药丸背景。 - 主面板(flex 1):按类别分组的事件流。
- 左侧栏(240px):垂直筛选列表。项目:
-
主面板中的类别分组(按此顺序):
- 等待你处理的审查请求 — 黄色关注块
(背景
#fff8c5,1px 边框#d4a72c)。每行:头像 + 仓库路径- PR 标题 + 审阅者状态小圆点行 (✓ 绿色 / ⏳ 黄色 / ○ 灰色)+ "X of Y 位审阅者" + 时长。
- CI / 检查 — 每次失败运行均为红色边框卡片
(边框色
#cf222e,背景#ffebe9),带有红色✗符号、 运行名称、分支名称(等宽字体)、提交消息、时长。 - 分配给你的 Issue — 普通行,状态圆圈(打开绿色/已关闭红色)、 标题、仓库路径、时长、标签药丸。
- 活动 — 较安静的行,用于合并/关闭操作;浅色文字、
小型
merged紫色药丸或closed红色药丸。
- 等待你处理的审查请求 — 黄色关注块
(背景
-
可选的 PR 差异预览 — 在某条 PR 行下方内联展示 2–3 行模拟代码,使用 12px 等宽代码块,带红色
−/ 绿色+前缀行,以及#ffebe9/#dafbe1行背景色。 -
页脚 — 单行,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 紫色 |