{"id":"9c1acf74-a322-4fb8-8890-5fe55bef966d","shortId":"h8ThKL","kind":"skill","title":"orbit-gmail","tagline":"Open Orbit briefing skill — selected by the Orbit pipeline when\nGmail is the user's only connected connector, or when the user\nexplicitly scopes their daily digest to Gmail. Pulls the past 24\nhours of inbox activity (replies awaited, mentions, cc, auto-\ncategorized bulk) from the","description":"# Orbit · Gmail Briefing\n\nSingle-connector Orbit template scoped to Gmail. The briefing renders\nas **the Orbit Daily Digest email already opened** inside Gmail's\nreading view — Gmail top header + the email chrome (toolbar / subject\n/ sender / digest body / reply bar). There is no left rail, no inbox\nlist, and no three-pane layout.\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: `<header>` (Gmail top bar) →\n  `<main class=\"digest-wrap\">` → `<div class=\"email-chrome\">` →\n  toolbar / subject / sender row / digest body / reply bar.\n- The Gmail top header has only the elements present in the example\n  (hamburger / wordmark / search bar / help / settings / app launcher\n  / avatar). **Do not** add a left rail (no Compose button, no system\n  labels, no Categories tabs, no colored label list).\n- **Do not** render an inbox list of other emails. Only the opened\n  digest email is shown.\n- Same digest-body sections in the same order: greeting → summary\n  strip → 需要处理 → 值得关注 → 仅供知悉 → digest footer.\n- Same reply bar at the bottom (回复 / 全部回复 / 转发).\n- Same `<script>` block at the end (action-btn / reply-btn link\n  injection).\n\n**Step 3.** You may refresh mock copy (sender names, subjects, summary\ntext, times) so it reads as \"today\", but you must **not** invent\nextra UI: no inbox listing, no left rail, no Categories tab strip,\nno extra digest sections, no chrome ornaments. If a detail is not\nalready in `example.html`, it does not belong 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` (Gmail / Google Sans / Material chrome). The user must\n**not** be asked to pick or attach a design system, and you must\n**not** inject any 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 Gmail\npage, not as the user's brand.\n\n## Canvas tokens (use these exact values)\n\n```\npage bg:           #f6f8fc\nsurface:           #ffffff\nborder:            #e0e0e0\ntext:              #202124\ntext-secondary:    #5f6368\ntext-muted:        #80868b\nsurface-hover:     #f1f3f4\n\nred (Gmail):       #D93025  /* Compose, important markers, accent */\nblue:              #1a73e8  /* CTA / link */\nyellow:            #f4b400  /* important ★ */\ngreen:             #0f9d58\nsearch bar bg:     #eaf1fb  /* light blue-tinted pill */\n```\n\nType stack:\n- `'Google Sans', 'Roboto', -apple-system, system-ui, sans-serif`\n- Logo wordmark: Google Sans 22px medium\n- Body: 14px / line-height 20px\n- Email preview: 13px\n\n## Page sections (top to bottom — the page is one column, not a 3-pane app)\n\n1. **Gmail top header** (`<header>`) — full width, white.\n   Left: hamburger (☰) + Gmail wordmark (`Gmail`, first `G` red).\n   Center: rounded search bar (`#eaf1fb` bg, search icon left, settings\n   icon right, placeholder `搜索邮件`).\n   Right: ❓ help, ⚙ settings, ▦ Google apps launcher, round avatar.\n\n2. **Email chrome** (`<main class=\"digest-wrap\"> <div class=\"email-chrome\">`)\n   — the opened email lives directly under the header. No left rail,\n   no inbox list. Sub-blocks in order:\n\n   a. **Email toolbar** — back / archive / delete / mark unread / label\n      / spacer / prev / next.\n\n   b. **Email subject area** — `<h1 class=\"email-subject\">` with the\n      digest subject (e.g. `☀ Eli, 你昨天的 6 封重要邮件 — Open Orbit\n      Daily`) followed by an inline `Orbit` tag.\n\n   c. **Sender row** — round avatar `O` + `Open Orbit\n      <orbit@opendesign.local>` + 收件人 `我 ▾` + date right-aligned +\n      reply icon + more icon.\n\n   d. **Digest body** (`<div class=\"digest-body\">`):\n      - greeting paragraph\n      - summary strip — 3 numeric cells (urgent / 值得关注 / 仅供知悉)\n      - section **🔴 需要处理** — cards with `action-btn primary`\n      - section **🟡 值得关注** — cards with `action-btn ghost`\n      - section **⚪ 仅供知悉** — cards\n      - `digest-footer` micro-tag\n\n   e. **Reply bar** — bottom row with 回复 / 全部回复 / 转发 buttons.\n\n## Pill / icon rules\n\n- Avatars: round, 40px+ for sender, 32px for card, 28px for inline.\n- Labels / tags: small rounded pills with no fill (dot + text) **only**\n  where they appear in the example.\n- The single yellow important star (in the subject area or as a tag)\n  belongs to the Orbit digest only.\n\n## Implementation constraints (paired do / don't)\n\n| Don't | Do |\n|---|---|\n| Render a left rail (Compose / system labels / colored labels) | Skip the rail entirely; the page is single-column under the header |\n| Render an inbox list of other emails | Show only the opened Orbit Daily Digest email |\n| Render a Categories tab strip (主要 / 社交 / 推广) | Skip it; the digest occupies the reading view directly |\n| Use non-Google typography | Use `'Google Sans', 'Roboto', -apple-system, system-ui, sans-serif` |\n| Add drop shadows on the Gmail chrome | Flat surfaces; only the subtle Material 1 elevation when an element is focused |\n| Render avatars as squares | Always circles — sender 40px, card 32px, inline 28px |\n| Use lorem ipsum | Write real-shaped Gmail copy: \"Q3 预算确认\", \"Login redesign 反馈\", senders like Allen Liu / Marie / Nina Park |\n| Use dark mode | Stay on Gmail's default light theme (`#f6f8fc` page) |\n| Brand the Gmail chrome with Orbit | Orbit branding lives only inside the digest body (subject `Orbit` tag + footer micro-tag) |\n| Put yellow important stars on multiple inbox rows | Only the Orbit Daily Digest row can carry the important marker |","tags":["orbit","gmail","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-gmail","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-gmail","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,970 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.953Z","embedding":null,"createdAt":"2026-05-06T18:52:41.260Z","updatedAt":"2026-05-11T06:52:25.953Z","lastSeenAt":"2026-05-11T06:52:25.953Z","tsv":"'1':113,149,150 '2':143 '24':36 'activ':40 'add':191 'alreadi':70 'app':186 'auto':45 'avatar':188 'await':42 'bar':89,159,167,183,243 'bodi':87,165,227 'bottom':246 'brief':6,52,62 'bulk':47 'button':197 'canon':131 'categor':46 'categori':202 'cc':44 'chrome':82 'class':155 'color':205 'compos':196 'connect':20 'connector':21,55 'daili':29,67 'design':132 'digest':30,68,86,164,220,226,239 'digest-bodi':225 'dom':152 'element':175 'email':69,81,216,221 'exampl':146,179 'example.html':119 'explicit':26 'file':128 'first':111 'folder':122 'footer':240 'gmail':3,14,32,51,60,73,77,157,169 'greet':233 'hamburg':180 'header':79,171 'help':184 'hierarchi':153 'hour':37 'inbox':39,96,212 'insid':72 'job':134 'label':200,206 'launcher':187 'layout':103 'left':93,193 'list':97,207,213 'mention':43 'mirror':144 'name':156 'open':4,71,114,219 'orbit':2,5,11,50,56,66 'orbit-gmail':1 'order':232 'output':126 'pane':102 'past':35 'pipelin':12 'present':176 'protocol':108 'pull':33 'rail':94,194 'read':75,109,116 'reinterpret':140 'render':63,210 'repli':41,88,166,242 'reproduc':137 'row':163 'scope':27,58 'search':182 'section':228 'select':8 'sender':85,162 'set':185 'ship':118 'shown':223 'singl':54 'single-connector':53 'skill':7 'skill-orbit-gmail' 'sourc':105 'source-nexu-io' 'source-of-truth':104 'step':112,142 'strip':235 'structur':148 'subject':84,161 'summari':234 'system':199 'tab':203 'templat':57 'three':101 'three-pan':100 'toolbar':83,160 'top':78,158,170 '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':107 'user':17,25 'view':76 'wordmark':181 'write':124 '仅供知悉':238 '值得关注':237 '全部回复':248 '回复':247 '转发':249 '需要处理':236","prices":[{"id":"8920cf3f-1ac4-4524-965d-47feb98a0cd6","listingId":"9c1acf74-a322-4fb8-8890-5fe55bef966d","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.260Z"}],"sources":[{"listingId":"9c1acf74-a322-4fb8-8890-5fe55bef966d","source":"github","sourceId":"nexu-io/open-design/orbit-gmail","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/orbit-gmail","isPrimary":false,"firstSeenAt":"2026-05-06T18:52:41.260Z","lastSeenAt":"2026-05-11T06:52:25.953Z"}],"details":{"listingId":"9c1acf74-a322-4fb8-8890-5fe55bef966d","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"orbit-gmail","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":"f2dab09bab7e94d5db6606990bc381de58ee1146","skill_md_path":"skills/orbit-gmail/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/orbit-gmail"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"orbit-gmail","description":"Open Orbit briefing skill — selected by the Orbit pipeline when\nGmail is the user's only connected connector, or when the user\nexplicitly scopes their daily digest to Gmail. Pulls the past 24\nhours of inbox activity (replies awaited, mentions, cc, auto-\ncategorized bulk) from the user's authenticated Gmail connection\nand renders the digest as the Orbit Daily Digest email opened\ninside Gmail's reading view. This skill should not be triggered\nmanually — it is invoked by Orbit's daily-digest scheduler against\nlive Gmail data."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/orbit-gmail"},"updatedAt":"2026-05-11T06:52:25.953Z"}}