live-artifact
Best for refreshable dashboardsWorks with GitHubLow risk
⌘source
- author
@nexu-io- language
- TypeScript
★32kstars
3.5kforks
May 5, 2026
✦overview.md
Key Features
- ·Create refreshable, auditable HTML artifacts
- ·Backed by connector or local data
- ·Project-scoped preview with data refresh
- ·Includes schema, policy, and refresh contracts
- ·Supports shell and filewrite capabilities
Use Cases
- →Build a live dashboard that auto-refreshes from a connector
- →Create a synced view for team reporting on live data
- →Develop a refreshable report using Open Design outputs
Best for
- ✓refreshable dashboards
- ✓data-backed reports
- ✓CI/CD artifact generation
Not ideal for
- !static one-off pages
- !highly interactive apps without refresh
FAQs
name
live-artifact
description
Create refreshable, auditable Open Design artifacts backed by connector or local data.
Trigger when the user asks for live dashboards, refreshable reports, synced views, or reusable data-backed artifacts.
triggers:["live artifact","live dashboard","refreshable dashboard","live report","refreshable report","synced view","可刷新","实时看板"]
od:{"mode":"prototype","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":true},"outputs":{"primary":"index.html","secondary":["template.html","artifact.json","data.json","provenance.json"]},"capabilities_required":["shell","file_write"]}
Live Artifact Skill
Create an Open Design live artifact: a project-scoped, previewable HTML artifact whose data can later be refreshed without redesigning the presentation.
Resource map
live-artifact/
├── SKILL.md
└── references/
├── artifact-schema.md ← `references/artifact-schema.md`: artifact files, DTO shape, template binding rules
├── connector-policy.md ← `references/connector-policy.md`: connector safety, redaction, credential boundaries
└── refresh-contract.md ← `references/refresh-contract.md`: source metadata, refresh execution, snapshots
Current status
Use the references in this directory as the source of truth for the live artifact file contract. Prefer daemon wrapper commands over raw HTTP when registering or updating live artifacts.
When to use this skill
Use this skill when the user asks for a data-backed view that should remain useful after the first render, for example a live dashboard, refreshable report, synced status page, auditable data view, or artifact that can later be refreshed from local/project data or connectors.
$install
1-click copynpx skills add nexu-io/open-design --skill live-artifactSafety assessment
★
Clarity score
How clear and easy to understand the SKILL.md instructions are, rated from 1 to 5.
3/ 5
goodMostly clear, but there are still a few confusing or poorly structured parts.
◎
Actionability score
How directly an agent can act on the SKILL.md instructions, rated from 1 to 5.
3/ 5
mediumPartially actionable with several concrete steps, but still missing important details.