wehub-skill-sync
147 lines
7.1 KiB
Markdown
147 lines
7.1 KiB
Markdown
---
|
||
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` 紫色 |
|