Files
2026-07-13 21:35:57 +08:00

7.1 KiB
Raw Permalink Blame History

name, description, triggers, od
name description triggers od
orbit-github Open Orbit 简报技能 — 当 GitHub 是用户唯一已连接的连接器,或当用户 明确将每日摘要限定在 GitHub 范围内时,由 Orbit 管道选中。从用户的 已认证 GitHub 连接中拉取过去 24 小时的 PR、审查请求、Issue、CI 运行 与合并记录,并以镜像 GitHub 原生「通知 + PR 差异」视觉语言的布局 进行呈现。此技能不应手动触发——由 Orbit 的每日摘要调度器基于实时 GitHub 数据调用。
github briefing
github digest
pr digest
github 简报
代码活动汇总
mode platform scenario featured preview design_system example_prompt
prototype desktop orbit 2
type entry
html index.html
requires
false
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. 主面板中的类别分组(按此顺序):

    • 等待你处理的审查请求 — 黄色关注块 (背景 #fff8c51px 边框 #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 内边距。 前景白色,背景使用上述状态颜色。
  • 标签(bugp1frontend 等):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 紫色