Output format·Analytics & Monitoring

Live Dashboard

Notion-style team dashboard rendered as a Live Artifact. A single-page, self-contained HTML dashboard with KPIs, a 7-day sparkline, a real-time activity feed and a linked-database task table —…

You say
Buy it · $45 Read it before you buy $45 Written by nexu-io · unverified publisher
Context cost
24.4k tokensestimated from the bundle, loaded when it triggers
Bundle
7 files · 97.4 kBtext throughout, nothing executable
Licence
Apache-2.0paid listing
Last change
no release on file
Servers it uses
Noneruns standalone

What it does

Notion-style team dashboard rendered as a Live Artifact. A single-page, self-contained HTML dashboard with KPIs, a 7-day sparkline, a real-time activity feed and a linked-database task table — wired to Notion via the Composio connector catalog. Refreshes on demand and when the artifact is opened. Falls back to seeded mock data when no connector is bound, so it works offline / in screenshots / in the picker preview.

Installed, it changes the agent in these ways.

What this skill changes about the agent is not written down here yet. The listing was collected from its source, and the description is in its own SKILL.md.

Output format

Produces one artefact, exactly shaped.

analytics

The skill itself

This is the whole product. A skill is instructions the model reads, so there is nothing behind the listing you cannot see first — the front matter loads with every session, and the body below it loads when the skill triggers.

SKILL.md8.4 kB · 203 lines
--- name: live-dashboard description: | Notion-style team dashboard rendered as a Live Artifact. A single-page, self-contained HTML dashboard with KPIs, a 7-day sparkline, a real-time activity feed and a linked-database task table — wired to Notion via the Composio connector catalog. Refreshes on demand and when the artifact is opened. Falls back to seeded mock data when no connector is bound, so it works offline / in screenshots / in the picker preview. triggers: - "team dashboard" - "notion dashboard" - "live dashboard" - "ops dashboard" - "team workspace dashboard" - "团队仪表盘" - "Notion 仪表盘" - "Live Artifact dashboard" od: mode: prototype platform: desktop scenario: operation fidelity: high preview: type: html entry: / reload: debounce-100 design_system: requires: true sections: [color, typography, layout, components, anti-patterns] craft: requires: [typography, color, anti-ai-slop, motion-discipline, state-coverage] inputs: - name: workspace_name type: string required: true - name: page_title type: string default: "Team Dashboard" - name: connector type: enum values: [notion, linear, stripe, posthog, mock] default: notion - name: refresh_seconds type: integer default: 30 min: 10 max: 300 - name: stale_after_seconds type: integer default: 90 min: 30 max: 600 - name: kpi_count type: enum values: [2, 4, 6] default: 4 - name: include_activity_feed type: boolean default: true - name: include_task_table type: boolean default: true parameters: - name: accent_hue type: hue default: 198 # Notion-blue baseline range: [0, 360] - name: surface_warmth type: spacing default: 0 range: [-12, 24] # nudges sidebar / soft-bg L* in OKLch - name: density type: spacing default: 18 range: [8, 36] - name: display_scale type: font-scale default: 1.0 range: [0.85, 1.4] outputs: primary: / secondary: [connectors.json] capabilities_required: - file_write - surgical_edit example_prompt: "Build me a Notion-style team dashboard for Acme Studio. KPIs: total tasks, done this week, active members, docs in review. Wire it to the Notion connector and let it refresh on demand." ---
90# Live Dashboard
91
92You are a senior product-designer-engineer building a **Live Artifact** —
93an HTML page that behaves like a working dashboard, not a mockup. Your
94output ships, not only renders.
95
96## Pre-flight (must complete before emitting any HTML)
97
981. Read assets/template.html — start from this skeleton verbatim. Do
99 not rebuild the shell from scratch. Override only what the user's
100 brief or the active DESIGN.md require.
1012. Read references/layouts.md — pick exactly **one** of the three
102 documented layouts (A · classic dashboard, B · kanban-flavored,
103 C · KPI-only hero). State your choice in your reply.
1043. Read references/components.md — copy KPI-card, sparkline, activity
105 row, and database row markup verbatim, then re-skin per the active
106 DESIGN.md. Do not invent new component shapes.
1074. Read references/connectors.md — only when inputs.connector !== mock.
108 Emit a sibling connectors.json listing every event the artifact
109 subscribes to and every read endpoint it polls.
1105. Read references/checklist.md — every P0 row must be true before
111 you emit /. Quote each P0 row inline in your reply with
112 [x] or [ ]. Do not emit while any P0 is unchecked.
113
114## Build order
115
1161. **Lock visual direction** from the active DESIGN.md. Display face
117 should be the system / sans face Notion-leaning systems use (SF Pro,
118 Inter as body, **never Inter Display as a hero face**). Body 14/22.
1192. **Topbar**: breadcrumb (workspace_name / Workspace / page_title) on
120 the left, a <live-pill> on the right showing one of three states:
121 Live · synced (green pulse), Syncing… (blue), Stale · <ago>
122 (amber, after stale_after_seconds).
1233. **Page header**: a Notion page-emoji (a single, semantically
124 relevant emoji — never a generic 🚀 ✨ 🔥), a page-title at 40px
125 weight 700 letter-spacing -0.01em, a meta row with last-edited-by +
126 "Last refreshed <timeAgo>" + the auto-toggle button + the Refresh
127 button.
1284. **Callout** explaining the Live Artifact contract — pulled-from-where,
129 refresh-when. One line. No marketing language.
1305. **KPI grid**: respect inputs.kpi_count. 1px hairline grid, no
131 shadows, no rounded internal cards. Numbers `font-variant-numeric:
132 tabular-nums`, weight 600, letter-spacing -0.01em. Each KPI gets a
133 small grey delta line (↑ 6 vs last week).
1346. **Two-column block**: a sparkline card (SVG, hand-rolled, no chart
135 library) + the activity feed card. Sparkline shows a 7-day series
136 with subtle accent fill at 10% alpha and a 2px stroke.
1377. **Linked database**: a Notion-style table — db-head (uppercase
138 12px label-grey) + db-row rows. Status pills use the Notion
139 five-color set (Done / In progress / Blocked / In review / To do).
140 Person chips use a colored 18px round avatar with two-letter
141 initials.
1428. **Footer**: source attribution (`Source: Notion API · workspace
143 <workspace_name>`) and connector slug.
144
145## Live behavior (the part that earns the "Live" in Live Artifact)
146
147Wire these in a single <script> block at the bottom of /:
148
149- init() runs refresh({silent: true}) 600ms after mount — the
150 "refresh on open" semantic.
151- The Refresh button calls refresh({silent: false}). Show a tween on
152 every numeric KPI between old and new values, flash the changed row
153 in the table for 1.4s, prepend a fresh activity row with a left-pad
154 highlight for 2s, and surface a bottom toast describing the diff. The
155 tween/flash hooks are already wired in assets/template.html
156 (tweenText() + .flash + .db-row.changed + .feed-row.new); pass
157 the prev snapshot into renderKpi(prev) and the changed-row id into
158 renderRows(changedId) and the tween/flash fall out of the existing
159 CSS. Do not rebuild this from scratch.
160- setInterval(refresh, refresh_seconds * 1000) when Auto is on.
161- After stale_after_seconds without a successful refresh, swap the
162 pill to amber Stale · <ago>.
163- Real connector mode: POST /api/od/connectors/poll with a JSON body
164 { project, read }, where project is the id from
165 <meta name="od:project"> and read is one of the bindings[*].reads[].id
166 values declared in connectors.json. The OD daemon resolves the
167 primary binding, the auth source, and the live provider call
168 server-side; the artifact never sees raw provider URLs or tokens. See
169 references/connectors.md for the wire shape and the daemon
170 resolution order. On error, fall back to the seeded mock so the
171 artifact never appears broken — surface the error via a small grey
172 hint in the footer, never a red banner.
173
174## Self-critique (must run before emitting)
175
176Score the artifact on the five dimensions inherited from design-templates/critique/:
177**Philosophy · Hierarchy · Detail · Function · Innovation**.
178
179If Philosophy < 4 ("looks AI-generated"), iterate on type and palette
180before emitting. Quote the offending element in your reply and explain
181the fix. Do not emit if any dimension scores below 3.
182
183## Hard nos (anti-AI-slop)
184
185- No purple→pink gradient header.
186- No emoji icon strip across the top of the page.
187- No rounded card with a 4px left-border accent.
188- No "10× faster" / "infinite" / "join 50,000+" copy unless the user
189 literally provided that number.
190- No glassmorphism / backdrop-blur on KPI cards.
191- No colored progress bars under KPI numbers; the delta line is enough.
192- Inter is body-only. SF Pro Display is fine for the page title;
193 Fraunces / GT Sectra is acceptable for editorial DESIGN.md variants.
194
195## Output contract
196
197- / — single self-contained file, no external CSS / JS
198 imports beyond a system font stack and a single OD <live-counter>
199 custom element.
200- connectors.json — when inputs.connector !== mock. See
201 references/connectors.md for the schema.
202- Both files in the project cwd. Do not write anywhere else.
203
In the file
SKILL.md1,186 words
Files7
LicenceApache-2.0
Why you can read it

Nothing in a skill executes. The client loads the text and the model follows it, so a skill can be audited the way a runbook is — by reading it.

What it costs in context

Skills are not billed by the call. They are paid for in context: every token the instructions occupy is a token your code, your diff and your conversation cannot use. Here is what this one takes and when it takes it.

≈610
always loaded
The name and description, so the model knows the skill exists and when to reach for it.
23,740
on trigger
The instruction body and 6 supporting files, read only when the skill fires.
12.2%
of a 200k window
Ten skills this size would take about 122% of the window before you open a file.
050k100k150k200k context window

24.4k tokens, estimated from the bundle at four bytes to the token, held for the rest of the session once it triggers. Heavy. Teams tend to install this one per project rather than globally, and load it only when the job comes up.

Servers bill, skills cost

A server charges by the month. A skill charges once per session, in context, and then keeps charging it for as long as the session lives.

Before and after

The same question, put to the same model twice: once as it comes, and once with these instructions loaded.

No worked example has been published for this skill yet.

Adoption
Installsnone yet
Ratingno reviews yet

The procedure it runs

The procedure has not been published here. It is in the skill’s own SKILL.md, which its author has not sent to the marketplace yet.

Prose, not code

These steps are written for a model to follow, not executed by a runtime. It can still be told to skip one, and it will say so when it does.

Servers it uses

None. This skill calls no MCP servers at all.

Everything it needs is in the instructions, so it works in a project with nothing connected — the model reads the file and changes how it works with what it can already reach.

It writes no files and reaches no network. All it changes is how the model reasons and writes.

What it asks for
Writes filesno
Network accessno

Read from the allowed-tools line of this skill’s own SKILL.md. A skill grants no permissions of its own — it can only ask for tools your client already has.

What it will not do

Every skill is narrow, and the useful ones say where they stop. These are the jobs this one is the wrong tool for.

What this skill is not for has not been published here. Nothing is implied by that: it is a section the author has not filled in.

What is in the bundle

7 files, 97.4 kB on disk. A bundle is text throughout: the instructions the model reads, plus the templates it fills in.

  • SKILL.md8.4 kB
  • example.html37.3 kB
  • assets/template.html30.6 kB
  • references/checklist.md4.1 kB
  • references/components.md6.6 kB
  • references/connectors.md7.2 kB
  • references/layouts.md3.2 kB
What is not in it

No dependencies and nothing executable: a skill is text the agent reads, so the bundle is 7 files you can review in full before installing. The Apache-2.0 licence covers the templates and examples as well as the instructions.

Install

Installing copies the bundle into your project. Nothing runs at install time — the files sit on disk until the model reads them.

$45 once
Live Dashboard · Apache-2.0 · nexu-io
one-time
Price$45 once
LicenceApache-2.0 — the author’s, unchanged by this purchase
Paid throughStripe, once, on the card you add at the checkout
Keeps workingfor good — the files are yours once they are on disk
Updatesevery update its author ships, delivered through this account

You can read the whole bundle before paying — the SKILL.md above is the product, not a preview of it. What the money buys is the delivery: the folder packaged and handed to your machine by key, every update its author ships, and our support if it does not do what this listing says. The terms of use are Apache-2.0, set by the author and unchanged by buying it here.

Payment runs through Stripe, on a page like this one rather than a redirect. Once there is an account it joins the same mcprush invoice as everything else you run, so there is never a second card to enter.

Which clients pick it up on their own

A skill is a folder of text. A client with a skills folder reads it without being told; everywhere else the same text works, it is just handed to the model rather than found.

Claude Code.claude/skills/
Claude Desktop
ChatGPT
Cursor.cursor/skills/
VS Code.github/skills/
Codex CLI.agents/skills/
Gemini CLI.gemini/skills/
Grok.grok/skills/
Zed.agents/skills/
Windsurf.windsurf/skills/
Agent SDK.claude/skills/
HTTP / API
This release
Versionnot versioned
Publishedno release date on file
Price$45
Referencenexu-io/live-dashboard

Versions

Its author publishes no version number, so there is nothing here to pin to: what you install is the folder as it stands today. Instructions change more often than APIs do — a skill can be rewritten entirely without anything it depends on moving.

v
  • No earlier releases have been published to the marketplace.
Pinning

Nothing to pin to: this skill carries no version number of its own. What you install is what the folder holds on the day you install it.

Reviews

no reviews yet · no installs yet

Nobody has reviewed this skill yet. The rating is the mean of the reviews written here, so there is none until somebody writes the first.

Who can post

Only accounts that have had the skill installed for fourteen days, so a review is written after living with it rather than after reading it. Publishers may reply once.

Publisher
Servers0