技能概述
Orbit General 係 Open Orbit 嘅跨工具晨間匯總技能。當用戶連接咗兩個或以上 connector 時自動觸發。從所有已認證嘅 connector（GitHub、Linear、Notion、Slack、飛書、Calendar、Gmail、Drive、Sentry、Vercel 等）拉取過去 24 小時活動，渲染成一個自適應 bento-grid dashboard。
每個 connector 模組根據自己返回嘅數據形態選擇 UI 形式（list、avatar stack、status ring、heatmap、file grid、alert card 等），所以佈局可以隨 Orbit 嘅 connector 生態擴展而伸縮。
觸發關鍵字
- orbit、daily digest、morning briefing
- 早安簡報、每日簡報、跨工具匯總
什麼時候用
- 生成每日跨工具工作匯總
- 需要一個 bento-grid dashboard 展示所有工具嘅活動
- 用戶有 2+ 個 connector 連接，想睇全局概覽
- Orbit 每日 digest scheduler 自動觸發
頁面結構
1. Hero 區
- 左：
☀ 早安, Eli（Cormorant 38px，,用 accent orange#D86A47） - 右：日期 · 星期（muted 18px）+ 頭像（40px）+ 設定/關閉 icon
2. KPI Strip
5 欄等寬，每欄：
- 大號 serif 數字（Cormorant 64px）
- muted uppercase tracking label（Inter 11px，
letter-spacing: 0.06em） - 可選 ▲/▼ delta tag（green/red）
- 建議標籤：待辦 / 待 review / 會議 / @ 我 / agent 跑完
3. Today's Timeline
- 水平時間軸 09:00 → 19:00
- 會議 block：filled orange 圓角矩形，跨度為會議開始/結束
- 深度工作建議：pale-green 半透明帶
- "Now" 指標：1px red vertical line + pulsing dot +
現在標籤
4. Top 3
3 張等寬卡片：
- 巨大 serif 數字 1/2/3（Cormorant 96px）
- 一行 headline（Inter 18px medium）
- meta 行：connector source label + line-icon + waiting time
5. Connector Modules
10-16 個自適應 bento 模組，大小根據數據豐富度變化。數據多嘅 connector 佔 2 列或 2 行，簡單嘅保持 1×1。每個模組外觀唔同。
6. People Waiting on You
- 左：
5 人在等你 · 最久 22h（serif 24px） - 右：5 個重疊圓形頭像（44px，~8px 重疊），每人名字 + 等待原因（12px muted）
7. Footer
Open Orbit · auto-generated 06:42 · N connectors · 由 Nexu Labs 出品
Connector → UI 映射
| 家族 | 示例 | UI 形式 |
|---|---|---|
| Code collab | GitHub、GitLab | Status-dot list + reviewer count + diff preview |
| Task mgmt | Linear、Jira | Issue list + status dot + priority bars |
| Comms | Gmail、Slack、飛書 | Avatar + 一行 quote，accent color 標記 "awaiting reply" |
| Knowledge | Notion、飛書 Doc | Doc title + 2-line excerpt + comment quote（italic serif） |
| Alerts | Sentry、PagerDuty | 大號 red number + 7-day heatmap + 最新 error |
| Status | Vercel、GH Actions | Colored status dot per build + branch + duration |
| Files | Drive、Dropbox | Filename list + thumbnail squares |
| Finance | Stripe、PayPal | Currency number + sparkline + 3 transactions |
| CRM | Salesforce、HubSpot | Deal pipeline + priority contact cards |
| Analytics | GA、Mixpanel | Mini funnel + cohort delta |
Fallback heuristics：按數據形狀推斷（numbers + time series → Alerts；rows with status → Task mgmt；rows with from/subject → Comms）。
畫布 Tokens
--bg: #FAF7F2 /* off-white */
--surface: #FFFFFF
--fg: #1A1816 /* ink */
--muted: #6B6660
--border: #EAE5DD
--orange: #D86A47 /* accent */
--green: #2E7D5B /* ok */
--yellow: #C9982E /* waiting */
--red: #C0473A /* alert */
--radius-l: 24px
--radius-m: 16px
--radius-s: 12px
字體：Cormorant（display serif）+ Inter（body sans）+ tabular-nums（數字）。
無 shadow、無 gradient、無 emoji 作為主要視覺元素。Connector icons 用 monochrome line SVG（1.5 stroke）。
實現約束
| 唔好 | 要 |
|---|---|
| 每個模組渲染成同一卡片形狀 | 按家族變化 UI |
| 用 placeholder 名（Service A / Project X） | 用合理真實名稱 |
| 用 lorem ipsum | 寫真實工作日 mock copy |
| 用 brand colors | 只用 canvas tokens 定義嘅顏色 |
| 用 emoji + SVG icons 混合 | 全部用 monochrome line SVG |
| 方形頭像 | 永遠用圓形 |
| drop shadows / gradients / glows | 只用 1px hairline border |