{"id":"474f8b34-9d46-4d45-927d-ab9d760d9bb2","shortId":"9MajEg","kind":"skill","title":"orbit-github","tagline":"Open Orbit briefing skill — selected by the Orbit pipeline when\nGitHub is the user's only connected connector, or when the user\nexplicitly scopes their daily digest to GitHub. Pulls the past 24\nhours of PRs, review requests, issues, CI runs, and merges from the\nuser's authenticat","description":"# Orbit · GitHub Briefing\n\nSingle-connector Orbit template scoped to GitHub.\n\n## ⚠️ Source-of-truth protocol (read this first)\n\n**Step 1.** Open and read the shipped `example.html` in this folder\nbefore writing any output. That file is the canonical design — your\njob is to **reproduce it**, not reinterpret it.\n\n**Step 2.** Mirror the example's structure 1:1:\n- Same DOM hierarchy and class names\n- Same nav-bar items (and only those)\n- Same left-rail filter list (and only those)\n- Same event groups in the same order, with the same row count\n- Same diff-preview placement, same CI-fail block, same attention block\n- Same `<script>` block at the end (filter / hover / link injection)\n\n**Step 3.** You may refresh mock values (PR numbers, titles, times,\nCI commit messages) so they read as \"today\", but you must **not**\ninvent extra UI: no extra rail entries, no extra notifications,\nno extra event types, no extra badges, no extra chrome ornaments. If\nsomething is not already present in `example.html`, it does not\nbelong in your output.\n\nThe sections below are a **reference for tokens and visual language** —\nnot a license to extend the page.\n\n## ⚠️ Design system policy\n\nThis skill ships with its **own** complete visual language baked into\n`example.html` (GitHub's Primer chrome). The user must **not** be\nasked to pick or attach a design system, and you must **not** inject\nany external DESIGN.md tokens into the output.\n\n- If the active project has a design system attached, **ignore it**.\n- If the user supplies brand tokens or a Figma file, **ignore them**.\n- Use exclusively the colors / fonts / radii defined in `example.html`.\n\nThis is a hard constraint: the briefing must read as a real GitHub\npage, not as the user's brand.\n\n## Canvas tokens (use these exact values)\n\n```\npage bg:           #f6f8fa\ncard bg:           #ffffff\nnav bar:           #24292f  /* GitHub black header */\nnav text:          #ffffff\nink:               #1f2328\nmuted:             #59636e\nborder:            #d0d7de\nhairline:          rgba(208,215,222,0.32)\n\nstate · open:      #1a7f37\nstate · merged:    #8250df\nstate · closed:    #cf222e\nstate · draft:     #6e7781\n\nattention bg:      #fff8c5  /* yellow review-request block */\nattention border:  #d4a72c\nci-fail bg:        #ffebe9\nci-fail border:    #cf222e\n```\n\nType stack:\n- `-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif`\n- Sizes: nav 14px, headings 16/20px, body 14px, meta 12px\n\n## Page sections\n\n1. **Top nav bar** — full-width, dark (`#24292f`), 60px tall.\n   Left: octocat SVG logo (white, 32px) + search input\n   (`rgba(255,255,255,0.08)` background, white placeholder ghosted).\n   Right: `+` plus dropdown, notifications bell with red dot if\n   unread > 0, round avatar.\n\n2. **Header row** — light bar under the nav, 56px.\n   Left: page breadcrumb `Inbox · Daily Digest · May 6`.\n   Right: filter dropdown chips (`Type ▾  Date ▾  Status ▾`).\n\n3. **Two-pane main**:\n   - **Left rail** (240px): vertical filter list. Items:\n     `Inbox · Saved · Done · All` then divider then\n     `Participating · Mentions · Review requests · Assigned · Comments`.\n     Active item: light gray pill background.\n   - **Main pane** (flex 1): event stream grouped by category.\n\n4. **Category groups in main pane** (in this order):\n   - **Review requests waiting on you** — yellow attention block\n     (bg `#fff8c5`, 1px border `#d4a72c`). Each row: avatar + repo\n     path + PR title + reviewer-state row of small dots\n     (✓ green / ⏳ yellow / ○ gray) + \"X of Y reviewers\" + age.\n   - **CI / Checks** — each failed run is a red-bordered card\n     (border-color `#cf222e`, bg `#ffebe9`) with a `✗` red glyph,\n     run name, branch name (mono), commit message, age.\n   - **Issues assigned to you** — plain rows, status circle (open\n     green / closed red), title, repo path, age, label pills.\n   - **Activity** — quieter rows for merges/closes; muted text,\n     small `merged` purple pill or `closed` red pill.\n\n5. **Optional PR-diff preview** — inline under one PR row, show\n   2–3 lines of mock code in a 12px monospace block with red `−` /\n   green `+` prefixed lines and `#ffebe9` / `#dafbe1` row tints.\n\n6. **Footer** — single line, 12px muted:\n   `Open Orbit · auto-generated 06:42 · GitHub only`.\n\n## Pill / chip rules\n\n- State pills: pill shape (border-radius 2em), 12px medium, 4×8 padding.\n  Foreground white, background by state color above.\n- Labels (`bug`, `p1`, `frontend` …): GitHub label rounded pill, each\n  with its own arbitrary color. Use varied real-world label hues.\n- Reviewer dots: 8px filled circles, 2px gap, with `✓ ⏳ ○` glyphs only\n  if you can keep them visually subtle.\n\n## Implementation constraints (paired do / don't)\n\n| Don't | Do |\n|---|---|\n| Mix light and dark themes | Stay on the light Primer theme (`#f6f8fa` page bg, `#ffffff` cards) |\n| Use non-GitHub typography | Use `-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif` exclusively |\n| Render avatars as squares or rounded squares | Always circles, with overlap `≤ 6px` for reviewer stacks |\n| Use shadows / gradients / glows on chrome | Flat surfaces; differentiate with `#d0d7de` 1px borders |\n| Use lorem ipsum | Write real-shaped GitHub copy: PR titles like `feat: orbit briefing card`, branches like `chore/upgrade-deps`, commit subjects under 72 chars |\n| Render a CI failure as a normal row | Wrap in a red-bordered card (`#cf222e` border, `#ffebe9` bg) with a red `✗` glyph and run name |\n| Render a review request as a normal row | Sit it in the yellow attention block (`#fff8c5` bg, `#d4a72c` border) with reviewer status dots row |\n| Use placeholder repo names like `org/repo` | Use `nexu-io/open-design` (this org's actual primary repo) |\n| Pluck arbitrary label colors | Use realistic dev-team hues — `bug` red, `enhancement` blue, `documentation` light blue, `frontend` purple |","tags":["orbit","github","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design"],"capabilities":["skill","source-nexu-io","skill-orbit-github","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/orbit-github","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 36607 github stars · SKILL.md body (5,898 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-11T06:52:25.886Z","embedding":null,"createdAt":"2026-05-06T18:52:41.095Z","updatedAt":"2026-05-11T06:52:25.886Z","lastSeenAt":"2026-05-11T06:52:25.886Z","tsv":"'1':72,108,109 '2':102 '24':36 'attent':156 'authenticat':51 'bar':119 'block':154,157 'brief':6,54 'canon':90 'ci':43,152 'ci-fail':151 'class':114 'connect':20 'connector':21,57 'count':144 'daili':29 'design':91 'diff':147 'diff-preview':146 'digest':30 'dom':111 'event':134 'exampl':105 'example.html':78 'explicit':26 'fail':153 'file':87 'filter':128 'first':70 'folder':81 'github':3,14,32,53,62 'group':135 'hierarchi':112 'hour':37 'issu':42 'item':120 'job':93 'left':126 'left-rail':125 'list':129 'merg':46 'mirror':103 'name':115 'nav':118 'nav-bar':117 'open':4,73 'orbit':2,5,11,52,58 'orbit-github':1 'order':139 'output':85 'past':35 'pipelin':12 'placement':149 'preview':148 'protocol':67 'prs':39 'pull':33 'rail':127 'read':68,75 'reinterpret':99 'reproduc':96 'request':41 'review':40 'row':143 'run':44 'scope':27,60 'select':8 'ship':77 'singl':56 'single-connector':55 'skill':7 'skill-orbit-github' 'sourc':64 'source-nexu-io' 'source-of-truth':63 'step':71,101 'structur':107 'templat':59 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'truth':66 'user':17,25,49 'write':83","prices":[{"id":"505a0e26-9edf-4454-964a-452f90214dfd","listingId":"474f8b34-9d46-4d45-927d-ab9d760d9bb2","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-06T18:52:41.095Z"}],"sources":[{"listingId":"474f8b34-9d46-4d45-927d-ab9d760d9bb2","source":"github","sourceId":"nexu-io/open-design/orbit-github","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/orbit-github","isPrimary":false,"firstSeenAt":"2026-05-06T18:52:41.095Z","lastSeenAt":"2026-05-11T06:52:25.886Z"}],"details":{"listingId":"474f8b34-9d46-4d45-927d-ab9d760d9bb2","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"orbit-github","github":{"repo":"nexu-io/open-design","stars":36607,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-11T06:48:43Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"61d144eba3bfc97416df7bff454306f8605b620f","skill_md_path":"skills/orbit-github/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/orbit-github"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"orbit-github","description":"Open Orbit briefing skill — selected by the Orbit pipeline when\nGitHub is the user's only connected connector, or when the user\nexplicitly scopes their daily digest to GitHub. Pulls the past 24\nhours of PRs, review requests, issues, CI runs, and merges from the\nuser's authenticated GitHub connection and renders them in a layout\nthat mirrors GitHub's native Notifications + PR-diff visual language.\nThis skill should not be triggered manually — it is invoked by\nOrbit's daily-digest scheduler against live GitHub data."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/orbit-github"},"updatedAt":"2026-05-11T06:52:25.886Z"}}