nexu-io avatar

Live Artifact

This creates HTML artifacts backed by live data that can be refreshed later without rebuilding the whole thing. You get a template, a data file, and provenance tracking, and the daemon hydrates the preview for you. It's built for dashboards, reports, or any view where the presentation stays stable but the data needs to update from connectors like Notion or GitHub, or from local project files. The workflow keeps credentials out of persisted JSON and uses wrapper commands instead of raw API calls. If someone asks for a "live dashboard" or mentions refresh, this fires. If they just want a static mockup, skip it. The key idea is separation: design once, refresh the data layer as needed.

skills.sh installs
123
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill live-artifact --agent claude-code

Installs into .claude/skills of the current project.

Files

Live Artifact Skill

Create an OpenDesign 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.

Sponsors

Details

Repository
github.com/nexu-io/open-design
Category
Design & UI/UX
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1resend avatarmarketing-pagesresend/design-skillsCreating, updating, editing, or deleting marketing/public pages in the Resend codebase. Covers page structure, component reuse rules, and the distinction betwee2skills.sh installs
2Synerise avatarpush-mrSynerise/synerise-designPush current branch to origin, create a GitLab MR if one doesn't exist, and monitor the pipeline until completion0skills.sh installs
3mattpocock avatarimprove-codebase-architecturemattpocock/skillsScan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.1.2Mskills.sh installs
4mattpocock avatarprototypemattpocock/skillsBuild a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a U1.1Mskills.sh installs
5heygen-com avatargeneral-videoheygen-com/hyperframesAuthor or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, 661.7Kskills.sh installs
6heygen-com avatarfaceless-explainerheygen-com/hyperframesTurn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented522Kskills.sh installs