skills.rest
Maccio-huang
Maccio-huangCOMMUNITY
Explore all skills by this author →
GitHub

live-artifact

Generate refreshable HTML artifacts from local data or connectors.

Updated May 11, 2026
Search Tags:#Open Design#live dashboard#refreshable report#data-backed view#dynamic artifact
One-click install
npx skills add https://github.com/Maccio-huang/opendesign --skill live-artifact-maccio-huang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: live-artifact
Source: https://github.com/Maccio-huang/opendesign/tree/main/skills/live-artifact
Command: npx skills add https://github.com/Maccio-huang/opendesign --skill live-artifact-maccio-huang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires od_node_bin, od_bin, od_daemon_url, od_tool_token, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill enables the creation of dynamic, refreshable artifacts that can be updated without redesigning the presentation, solving the problem of static data displays.

Core Features & Use Cases

  • Live Artifacts: Generates previewable HTML artifacts that can be refreshed with new data.
  • Data Connectivity: Integrates with local data or connectors for dynamic content.
  • Use Case: Imagine you need a live dashboard that displays the latest financial data from a database. Use this Skill to create a dashboard that automatically updates with new data.

Quick Start

Use the live-artifact skill to create a live artifact from the provided data source.

Frequently Asked Questions about live-artifact

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a refreshable HTML dashboard from a local database?▼

Generating a refreshable HTML dashboard requires connecting local data sources to a dynamic artifact generator. This Skill processes your data via Open Design tools to produce a live HTML view that updates automatically without manual presentation redesign.

What is a dynamic artifact in Open Design and when do I need one?▼

A dynamic artifact in Open Design is a previewable HTML view backed by live data connectors. You need one when displaying static data displays is insufficient, such as building a live dashboard that must reflect the latest financial data from a database continuously.

Do I need local data connectors to generate live dashboards with Open Design tools?▼

Yes, generating live dashboards requires local data or connectors to supply the dynamic content. The live-artifact Skill depends on these data sources alongside Open Design tools to process and present the information dynamically within the HTML view.

Can I update a refreshable report with new data without rebuilding the presentation?▼

Yes, refreshable reports update with new data without needing to redesign the presentation layer. The live-artifact mechanism separates the data connectivity from the HTML view, allowing the dashboard to refresh its content dynamically while maintaining the original layout.

What's the best way to build reusable data-backed views for continuous reporting?▼

The best way to build reusable data-backed views is generating dynamic HTML artifacts that integrate directly with your data connectors. This allows you to create a single live dashboard layout that continuously refreshes with new data for ongoing reporting needs.

Related Skills

Explore More Product & Management Skills→
nirholasnirholas
71

integrations

Configure, test, and subscribe to REST and WebSocket data sources via CLI.

Community
Advanced
zoomzoom
65

zoom-meeting-sdk-web-client-view

Embed a Zoom Meeting UI in web apps using the ZoomMtg global singleton.

Official
Intermediate
MyHeavenDyfMyHeavenDyf

live-artifact

Generate interactive HTML artifacts with embedded preview and provenance data.

Community
Intermediate
Mohamed-ElkahefMohamed-Elkahef

dashboard-creation

Build interactive analytics dashboards with Chart.js for business metrics and KPIs.

Community
Advanced