Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
nexu-io avatar

Orbit General

nexu-io/open-design

  • 92 installs
  • 83.7k repo stars
  • Updated August 5, 2026
  • nexu-io/open-design

Helps with ai & agent building tasks during AI-assisted development.

About

orbit-general is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.

  • orbit-general
  • AI & Agent Building
  • AI-coding skill

Orbit General by the numbers

  • 92 all-time installs (skills.sh)
  • +1 installs in the week ending Aug 4, 2026 (Skillselion tracking)
  • Ranked #4,749 of 16,546 AI & Agent Building skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/nexu-io/open-design --skill orbit-general

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs92
repo stars★ 83.7k
Last updatedAugust 5, 2026
Repositorynexu-io/open-design ↗

What it does

Helps with ai & agent building tasks during AI-assisted development.

Files

SKILL.mdMarkdownGitHub ↗

Orbit General Briefing

Cross-connector morning briefing that lives at the top of "我的设计". Pulls the past 24 hours of activity from every authenticated connector and lays them out as one editorial bento dashboard.

⚠️ Source-of-truth protocol (read this first)

Step 1. Open and read the shipped example.html in this folder before writing any output. That file is the canonical design — your job is to reproduce it, not reinterpret it.

Step 2. Mirror the example's structure 1:1:

  • Same DOM hierarchy and class names
  • Same number and order of sections
  • Same number of bento modules in the same order
  • Same connector list (do not add or drop connectors)
  • Same KPI labels, same Top 3 entries, same "people waiting" set
  • Same footer string
  • Same <script> block at the end (link injection)

Step 3. You may freshen mock data values (counts, names, times) so they read as "today" — but you must not invent new UI elements, sections, modules, badges, callouts, ribbons, banners, decorations or chrome that aren't already in example.html. If a detail is not in the example, it does not belong in your output.

Identity guard. Treat every person name or handle in example.html as mock content only. Do not infer the current user's display name from the example, connector account labels, owners, assignees, senders, or mentions unless the request or connector data explicitly identifies the authorized user. If no explicit current-user name is available, use neutral wording such as you, your, current user, 我, or 你.

The body sections below are a reference for the visual language and tokens — they are not a license to add features the example doesn't already render.

⚠️ Design system policy

This skill ships with its own complete visual language baked into example.html. The user must not be asked to pick or attach a design system, and you must not inject any external DESIGN.md tokens into the output.

  • If the active project has a design system attached, ignore it.
  • If the user supplies brand tokens or a Figma file, ignore them.
  • Use exclusively the colors / fonts / radii / chrome defined in

example.html.

This is a hard constraint: an Orbit briefing must read as Open Orbit's own editorial bento language, not as the user's brand.

Canvas tokens (use these exact values)

--bg:        #FAF7F2     /* off-white page */
--surface:   #FFFFFF     /* card */
--fg:        #1A1816     /* ink */
--muted:     #6B6660     /* secondary text */
--border:    #EAE5DD     /* 1px hairline only */
--orange:    #D86A47     /* accent (CTAs, hero highlight, meeting blocks) */
--green:     #2E7D5B     /* ok / done */
--yellow:    #C9982E     /* waiting */
--red:       #C0473A     /* alert / fail */
--radius-l:  24px        /* outer container */
--radius-m:  16px        /* bento cards */
--radius-s:  12px        /* inner blocks */

Type stack:

  • Display serif: 'Cormorant', Georgia, serif — KPI numerals, Hero h1,

Top 3 serial numbers, italic comment quotes

  • Body sans: 'Inter', -apple-system, system-ui, sans-serif
  • Numbers: always font-variant-numeric: tabular-nums

No shadows. No gradients. No emoji as primary visuals. Connector icons must be monochrome line SVG (1.5 stroke).

Page sections (top to bottom)

1. Hero — single row, ~80px tall. Left: ☀ 你好 (Cormorant 38px). Right of greeting: · 2026 年 5 月 6 日 · 星期三 (muted, 18px). Far right: round avatar (40px) + small ⚙ + ✕ icons.

2. KPI strip — single row, ~120px tall, 5 columns equal width. Each cell: serif number (Cormorant 64px, --fg) over a muted uppercase tracking label (Inter 11px, letter-spacing 0.06em). Optional ▲/▼ delta tag in --green/--red next to the number. Suggested labels: 待办 / 待 review / 会议 / @ 我 / agent 跑完.

3. Today's timeline — full width, ~140px tall. Horizontal time axis from 09:00 → 19:00, hour ticks below. Meeting blocks: filled --orange rounded rectangles spanning their start/end, with the meeting name + attendee count inside. Deep-work suggestions: pale-green translucent bands behind the axis. "Now" indicator: a 1px vertical --red line with a pulsing dot (@keyframes pulse 2s ease-in-out infinite) and a tiny 现在 label.

4. Top 3 — 3 equal cards, ~220px tall. Each card: huge serif numeral 1 / 2 / 3 (Cormorant 96px, in --fg) left-aligned; one-sentence task headline (Inter 18px medium); a meta row at the bottom with the connector source label + line-icon + 等待 Xh waiting time. Cards have --border 1px outline only.

5. Connector modules — adaptive bento, the heart of the briefing. Render 10–16 modules. Sizes vary: data-rich connectors take a 2-column or 2-row span, simple ones stay 1×1. No two modules should look identical. Pick UI per the data family below.

6. People waiting on you — full-width strip ~110px tall. Title left: 5 人在等你 · 最久 22h (serif 24px). Right: 5 overlapping circular avatars (44px, ~8px overlap), each with the person's name + waiting reason underneath in 12px muted.

7. Footer — single line, ~52px. Left: Open Orbit · auto-generated 06:42 · N connectors. Right: 由 Nexu Labs 出品. Border-top 1px, all text 12px muted.

Connector → UI mapping (pick the matching family)

FamilyExamplesUI form
Code collabGitHub, GitLab, BitbucketStatus-dot list (open/merged/closed/CI fail) + reviewer count, optional 2–3 line diff preview
Task mgmtLinear, Jira, Asana, ClickUpIssue list with colored status dot + priority bars; for cycle, add a small ring or progress strip
CommsGmail, Slack, 飞书 IM, OutlookRound avatar + one-line quote, accent color for "awaiting reply"
KnowledgeNotion, Confluence, 飞书 DocDoc title + 2-line excerpt block; comment quote in italic serif
TimeCalendarAlready lives in the global timeline; module form: agenda list with start time gutter
AlertsSentry, Datadog, PagerDutyBig red Cormorant number (e.g. 4), 7 small squares as 7-day heatmap, plus 1 latest error line
StatusVercel, GH Actions, NetlifyColored status dot per recent build/deploy + branch + duration
FilesDrive, Dropbox, BoxFilename list with tiny thumbnail squares + "edited by" attribution
BoardTrello, Miro, FigJam3 compact kanban columns with rounded card chips
FinanceStripe, PayPal, banking, BrexCormorant currency number + 7-day sparkline + last 3 transactions list
CRM / SalesSalesforce, HubSpot, Pipedrive3-column deal pipeline (Open / Negotiation / Won) + 1–2 priority contact cards
SupportZendesk, Intercom, Help ScoutTicket queue list with SLA timer pill (green / yellow / red) + assignee avatar
AnalyticsGoogle Analytics, Mixpanel, AmplitudeMini funnel chart (4 bars descending) + 1-line cohort delta (▲ 12% W/W)
InfrastructureAWS, GCP, Kubernetes, DockerResource meters (CPU / mem / disk percent bars) + last 2 deployment lines
Security1Password, Auth0, OktaEvent list with red shield for high-severity items + audit timestamp
Voice/Miscunknown connectorSee Fallback heuristics below

Fallback heuristics (for unknown connectors)

When a connector doesn't match any family above, infer by the data shape it returns:

  • Returns numbers + a time series → treat as Alerts (big number + heatmap)
  • Returns rows with status field → treat as Task mgmt (status-dot list)
  • Returns rows with from / subject → treat as Comms (avatar + quote)
  • Returns documents / file names → treat as Files (list + thumbnails)
  • Returns a small set of named "states" (deploy / build / cycle) → treat as Status
  • Returns dated events → treat as Time (agenda list)

If still ambiguous, fall back to a status-dot list (the safest default).

Implementation constraints (paired do / don't)

Don'tDo
Render every module as the same card shapeVary by family — Alert = big red number + heatmap; Status = status-dot list; Files = thumbnail grid; Comms = avatar + quote
Render Sentry / PagerDuty as a plain listBig red Cormorant number + 7-day heatmap + latest error line (TypeError: …)
Render Calendar as a plain text agendaVisualize on the horizontal timeline at the top; module form is an agenda list with start-time gutter
Use placeholder names like "Service A / Project X"Infer plausible real names from the connector type — GitHub → nexu-io/open-design, Sentry → frontend-prod, Linear → ENG / DES cycle 24, Stripe → Pro plan / Acme Co.
Use lorem ipsum fillerWrite specific mock copy that reads as a real workday — names, numbers, errors, paths, percentages
Mix emoji and SVG icons in the same module setUse monochrome line SVGs (1.5 stroke) consistently for all connector icons; emoji are reserved for hero greeting and section anchors only
Square or rounded-square avatarsAlways circles; sizes 28 / 32 / 40 / 44 px depending on context
Drop shadows / gradients / glows on cardsFlat surfaces only; differentiate cards with the 1px #EAE5DD hairline border
Use brand colors from the user's design systemUse exclusively the canvas tokens above (#FAF7F2, #1A1816, #D86A47 …) — Orbit's own editorial language

Related skills

mattpocockSetup Matt Pocock SkillsScaffold the per-repo configuration that Matt Pocock’s engineering agent skills rely on so they understand the issue tracker, triage labels, and domain documentation la495k196kopen.feishu.cnLark AppsConnect Claude, Cursor or custom agents directly to Lark (Feishu) for messaging, document automation, approval workflows and enterprise data access.402kjuliusbrusseeCavemanSlash token usage by roughly 75% while keeping every technical detail intact when working with Claude Code, Cursor or similar agents.391k94.7klarksuiteLark Skill MakerQuickly turn any Lark/Feishu OpenAPI call or multi-step workflow into a reusable agent skill with its own SKILL.md.386k16kxixu-meRunning Claude Code Via Litellm CopilotRun Claude Code at a fraction of the cost by routing requests through LiteLLM to the GitHub Copilot Chat API.270k72runcomfy-comCodex PetGenerate a complete Codex Pet spritesheet and metadata from one reference image without needing an OpenAI key or Codex Pro.246k10
AI & Agent Buildingagents
Browse by category
AI & AgentsFrontend & DesignBackend & DataDev ToolsAutomationTesting & ReviewSecurityMonitoring & CloudDocs & Planning
Design & frontend
Design systemsAnimation & motionAccessibility (a11y)CSS & TailwindUI designUXDesign to codeshadcn/uiLanding pagesBest design skills
Most searched skills
find-skillscavemanfrontend-designbrainstormingsystematic-debuggingstop-slopemil-design-engui-ux-pro-maxkarpathy-guidelinesweb-design-guidelinesreact-best-practicesgrill-meimprovemicrosoft-foundryagent-browser
Browse all listings
All agent skillsAll MCP serversAll marketplacesAll plugins

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.