技能概述
Orbit · Linear 係 Open Orbit 嘅單一 connector 匯總技能,專注於 Linear issue tracking。當 Linear 係用戶唯一連接嘅 connector,或者用戶明確將 daily digest scope 到 Linear 時自動觸發。
匯總內容包括:issue movement、status changes、assignments、cycle progress。UI 完全模仿 Linear 原生 Inbox + cycle-progress 頁面,以 Linear 嘅 signature compact UI 呈現 — 高密度、低視覺噪音、精確嘅 status dot 同 priority bar 系統。
觸發關鍵字
- linear briefing、linear digest、issue digest
- linear 簡報、issue 匯總
什麼時候用
- 需要 Linear issue 活動嘅每日匯總
- 想睇 cycle progress、stale issues、assigned issues 嘅概覽
- 用戶只有 Linear 連接咗,想要單一 connector digest
頁面結構
1. Top Toolbar
- 單行,44px 高,無 shadow,hairline border-bottom
- 左:breadcrumb
Orbit › Daily Digest › May 6(13px,›用 muted) - 中間:
▼ My issuesview switcher - 右:🔍 search、
+new、▦ display options、avatar
2. Cycle Progress Strip
- 放喺 breadcrumb 區域右邊
Cycle 12 · 60% complete · 3 days left- 11px caps + inline progress bar(60px wide, 4px tall, accent fill)
3. 三欄主體
| 欄 | 寬度 | 內容 |
|---|---|---|
| Left nav | 240px | Inbox · My issues · Active · Backlog · All issues(divider)Triage · Canceled · Completed。Active 行:accent bg + accent ink。底部:Open Orbit · auto-generated 06:42 |
| Issue list | flex 1 | 兩個分組區塊:Needs your attention(accent color header + subtle bg)同 Updated yesterday(header muted)。每行:priority bars + identifier + status dot + title + labels + cycle chip + assignee avatar。行高 ~36px |
| Issue preview | 360px | 預選 issue 嘅預覽:標題(16px medium)、ID + status pill、description、Activity stream、Labels、Cycle chip、Assignees |
Status Dot 系統
| 狀態 | 顏色 | 樣式 |
|---|---|---|
| Backlog | #9ea1a9 |
gray,空心環 |
| Todo | #d4940e |
yellow,虛線環 |
| Progress | #2b80c5 |
blue,partial ring |
| Review | #8759c7 |
purple,partial ring |
| Done | #1a8d3a |
green,filled |
| Canceled | #6c6f78 |
gray with strike |
Priority Bar 系統
4 個垂直小 bar,高度遞增:
- 0 None → 空
- 1 Low → 1 條填滿(
#505259) - 2 Medium → 2 條填滿
- 3 High → 3 條填滿(
#c77d1a) - 4 Urgent → 4 條填滿(
#d4513a)
畫布 Tokens — Light Theme
page bg: #f4f5f6
surface: #ffffff
ink: #1b1c1f
ink-2: #37393e
ink-3 (muted): #6c6f78
ink-4: #9ea1a9
accent: #5e6ad2
accent-bg: rgba(94,106,210,0.06)
attention: #c77d1a / rgba(212,148,14,0.06)
shadow-card: 0 1px 2px rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.05)
字體:'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, sans-serif
Mono:'Berkeley Mono', ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace
Identifier / Chip 規則
- Issue IDs — mono,12px,muted(如
ENG-148) - Labels — rounded pill + 4px colored dot + 文字
- Cycle chip — small rounded box
Cycle 12+ hairline border - Status dots — 14px circles,按狀態 fill/ring
- Priority bars — 4 個短垂直 bar,按級別填充
實現約束
| 唔好 | 要 |
|---|---|
超出 shadow-card 以外嘅 shadow |
只用定義嘅 shadow-card token |
| 用 status palette 以外嘅亮色 | 只用定義嘅狀態色 + #5e6ad2 accent |
| 非 Inter 字體 | 用 Inter + SF Pro Display + system-ui |
| 鬆散嘅行高 | 行高 < 40px(目標 ~36px)— Linear signature dense |
| lorem ipsum | 真實 Linear copy(ENG-148、Cycle 12、"Auth middleware refactor") |
| 方形頭像 | 永遠圓形(18-24px) |
| 用 dark theme | 用 light theme(#f4f5f6) |
placeholder team prefixes(T-1) |
真實 prefixes(ENG / DES / INF / OPS) |