{"id":"6bce35ae-0fe5-4273-b16b-0a04c6124fba","shortId":"7uFVJ9","kind":"skill","title":"orbit-notion","tagline":"Open Orbit briefing skill — selected by the Orbit pipeline when\nNotion is the user's only connected connector, or when the user\nexplicitly scopes their daily digest to Notion. Pulls the past 24\nhours of document edits, comments, mentions, and database row changes\nfrom the user's ","description":"# Orbit · Notion Briefing\n\nSingle-connector Orbit template scoped to Notion. The briefing renders\n*as a real Notion page* — same chrome, same block primitives, same\ntypography.\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 H2 sections in the same order (文档变更 → 评论 / @ 提及 → 数据库变更)\n- Same bullet rows / comment cards / database table columns and rows\n- Same callout(s) and toggle block with the same copy\n- Same property chips at the top (Type / Owner / Created)\n- Same `<script>` block at the end (page-link → notion.so injection)\n\n**Step 3.** You may refresh mock values (doc titles, mentioned people,\nedit timestamps) so they read as \"today\", but you must **not**\ninvent extra blocks: no extra H2 sections, no extra callouts, no\nextra database columns, no extra emoji decorations. If a detail is\nnot 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` (Notion's native page chrome and block system). The\nuser must **not** be asked to pick or attach a design system, and you\nmust **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 Notion\npage, not as the user's brand.\n\n## Canvas tokens (use these exact values)\n\n```\nink (Notion black):  #37352F\ntext-secondary:      #787774\ngray bg (block):     #F1F1EF\ngray border:         #E3E2E0\ngray light:          #F7F6F3\ngray cover:          #E9E5E0\nwhite surface:       #FFFFFF\n\nblue:                #2383E2\nblue bg:             #D3E5EF\nblue text:           #24548A\ngreen:               #4DAB60\ngreen bg:            #DBEDDB\ngreen text:          #1D6B2D\norange bg:           #FADEC9\norange text:         #93531D\nyellow bg:           #FDE68A\ncallout bg:          #F1F1EF\n```\n\nType stack:\n- `-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'`\n- Page title: 40px bold\n- H2: 24px semibold with 1.6em top margin\n- Body: 16px / line-height 1.5\n- Captions / breadcrumbs: 14px\n\nNotion always uses generous left/right margins; center the content\ncolumn at ~720px max width with the rest as `--gray-light` rails.\n\n## Page sections (top to bottom)\n\n1. **Top app bar** — full-width, white, 45px tall.\n   Left: Notion-style sidebar toggle (`«`), then breadcrumb path\n   `Open Orbit › Daily Briefing › May 6`. Breadcrumb separators in\n   `text-secondary`. Far right: 🔍 search, ⏱ updates, ⚙ share, ⋯.\n\n2. **Faint left sidebar (optional, may render as a 1px hairline rail)**\n   to imply Notion's workspace sidebar without rendering it in full.\n\n3. **Cover image** — full-width strip ~200px tall, gray cover color\n   `#E9E5E0`, optional small \"Add cover\" hint hidden in the corner.\n\n4. **Page header inside content column** — emoji icon (60px) at top,\n   then page title `早安简报 · 2026 年 5 月 6 日 (Wed)` in 40px bold,\n   then a row of property chips (gray):\n   `🗂 Type: Daily Briefing  ·  👤 Owner: Eli  ·  📅 Created: 06:42`.\n\n5. **Synopsis paragraph** — one sentence, italic muted:\n   *\"Auto-generated by Open Orbit from yesterday's Notion activity.\n   12 events across 8 docs and 2 databases.\"*\n\n6. **H2 section: 📝 文档变更** — list of bullet rows. Each bullet:\n   `📄 [doc title]` (bold, hover-link blue), then a soft-block child\n   showing `[author avatar] [author] edited \"[snippet of changed text]\"`\n   with `· 8h ago` muted on the right.\n\n7. **H2 section: 💬 评论 & @ 提及** — list of comment cards.\n   Each card: `gray bg #F1F1EF` rounded 6px, 12px padding;\n   `[avatar] [author] · in [doc title]`, then comment body in 15px\n   regular, then a tiny \"Reply\" link.\n   Highlight @-mentions with `blue text #24548A` underlined.\n\n8. **Callout block** — required. `gray bg`, 16px padding, rounded 6px,\n   left side has a 24px emoji (e.g. 🌟 or 💡). Body:\n   *\"Eli, 你昨天还有 3 条评论没回 — 周三例会前看一下?\"*\n\n9. **H2 section: 🗄 数据库变更** — render as a Notion database\n   table view inline.\n   Columns: `Name | Status | Updated by | Updated`.\n   Each cell has `gray border` 1px, slight left/right padding,\n   row height ~38px. Header row uses 12px caps `text-secondary`.\n   Status column uses **colored tag pills** with the green/blue/orange\n   bg + text colors above (`Done` green, `In Progress` blue,\n   `Triage` orange, `Backlog` gray).\n\n10. **Toggle block** — required. Show a `▶ See 4 more changes` collapsed\n    toggle that, when expanded, would reveal additional rows. Render\n    it collapsed (just the chevron + label).\n\n11. **Closing callout** — second callout at the bottom acting as a CTA:\n    `🚀 在 Open Design 里继续处理 →` linked back to the OD project.\n\n## Block formatting rules\n\n- Heading-block hover icon (`+ ⋮⋮`) can be hinted but kept subtle.\n- Use the exact Notion bullet glyph (`•`) and indentation (24px).\n- Database tags must be Notion's native pill shape: 2-em radius,\n  6×4 padding, 12px medium weight.\n- Avatars: 18px circles with letter + Notion-style soft pastel bg.\n\n## Implementation constraints (paired do / don't)\n\n| Don't | Do |\n|---|---|\n| Borrow chrome from another connector (Material / Linear rows / GitHub pills) | Stay 100% in Notion's block primitives — H1 / H2 / bullet / callout / toggle / database table |\n| Use lorem ipsum | Write real-shaped Notion copy: doc titles like `Q3 OKR`, `Onboarding 文档`, `团队周报`; people like Marie / Bob / Lily; comments like \"这一段需要你确认\" |\n| Mix serif typography in body | Notion is sans only — use the system stack with emoji fallbacks |\n| Render avatars as squares | Always circles, 18px with letter + Notion-style soft pastel bg |\n| Add shadows or gradients | Flat surfaces only; differentiate blocks with `#E3E2E0` 1px borders or `#F1F1EF` block backgrounds |\n| Use loud accent colors outside the Notion palette | Use only the documented Notion blue / green / orange / yellow tag hues |\n| Replace Notion's gray callout bg with a solid color | Callouts must use `#F1F1EF` gray bg + 24px emoji on the left |\n| Use placeholder doc names like \"Document 1\" | Use real-shaped Notion titles in CJK or English that read like a real workspace |","tags":["orbit","notion","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-notion","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-notion","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 (6,689 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:26.118Z","embedding":null,"createdAt":"2026-05-06T18:52:41.508Z","updatedAt":"2026-05-11T06:52:26.118Z","lastSeenAt":"2026-05-11T06:52:26.118Z","tsv":"'1':86,122,123 '2':116 '24':36 'block':73,156 'brief':6,53,63 'bullet':142 'callout':152 'canon':104 'card':145 'chang':46 'chip':163 'chrome':71 'class':128 'column':148 'comment':41,144 'connect':20 'connector':21,56 'copi':160 'creat':169 'daili':29 'databas':44,146 'design':105 'digest':30 'document':39 'dom':125 'edit':40 'exampl':119 'example.html':92 'explicit':26 'file':101 'first':84 'folder':95 'h2':131 'hierarchi':126 'hour':37 'job':107 'mention':42 'mirror':117 'name':129 'notion':3,14,32,52,61,68 'open':4,87 'orbit':2,5,11,51,57 'orbit-not':1 'order':136 'output':99 'owner':168 'page':69 'past':35 'pipelin':12 'primit':74 'properti':162 'protocol':81 'pull':33 'read':82,89 'real':67 'reinterpret':113 'render':64 'reproduc':110 'row':45,143,150 'scope':27,59 'section':132 'select':8 'ship':91 'singl':55 'single-connector':54 'skill':7 'skill-orbit-notion' 'sourc':78 'source-nexu-io' 'source-of-truth':77 'step':85,115 'structur':121 'tabl':147 'templat':58 'toggl':155 'top':166 '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':80 'type':167 'typographi':76 'user':17,25,49 'write':97 '提及':139 '数据库变更':140 '文档变更':137 '评论':138","prices":[{"id":"4b319b39-f21a-48a4-9dea-3cac62ce522f","listingId":"6bce35ae-0fe5-4273-b16b-0a04c6124fba","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.508Z"}],"sources":[{"listingId":"6bce35ae-0fe5-4273-b16b-0a04c6124fba","source":"github","sourceId":"nexu-io/open-design/orbit-notion","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/orbit-notion","isPrimary":false,"firstSeenAt":"2026-05-06T18:52:41.508Z","lastSeenAt":"2026-05-11T06:52:26.118Z"}],"details":{"listingId":"6bce35ae-0fe5-4273-b16b-0a04c6124fba","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"orbit-notion","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":"73d3793198c7c2e3f267f1ca5258111bf1ae4a7b","skill_md_path":"skills/orbit-notion/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/orbit-notion"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"orbit-notion","description":"Open Orbit briefing skill — selected by the Orbit pipeline when\nNotion is the user's only connected connector, or when the user\nexplicitly scopes their daily digest to Notion. Pulls the past 24\nhours of document edits, comments, mentions, and database row changes\nfrom the user's authenticated Notion connection and renders the\ndigest as a native Notion page (callout / toggle / database table\nprimitives). This skill should not be triggered manually — it is\ninvoked by Orbit's daily-digest scheduler against live Notion data."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/orbit-notion"},"updatedAt":"2026-05-11T06:52:26.118Z"}}