live-artifact

Generate interactive HTML artifacts with embedded preview and provenance data.

1|Updated May 8, 2026
One-click install
npx skills add https://github.com/MyHeavenDyf/UXAI --skill live-artifact-myheavendyf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: live-artifact
Source: https://github.com/MyHeavenDyf/UXAI/tree/main/packages/app/octoapp/templates/live-artifact
Command: npx skills add https://github.com/MyHeavenDyf/UXAI --skill live-artifact-myheavendyf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users create dynamic, interactive, and verifiable dashboards, reports, or data views that stay up-to-date without manual redesign, supporting informed decision-making with trusted sources.

Core Features & Use Cases

  • Live Dashboards: Build dashboards that automatically refresh data from connectors or local sources.
  • Refreshable Reports: Generate reports with embedded data that can be easily updated from original sources.
  • Synced Views: Create synchronized project status pages from multiple data inputs.
  • Auditable Artifacts: Produce artifacts with embedded provenance data for transparency and verification.
  • Use Case: A project manager wants a live project status dashboard that automatically pulls data from Jira tickets, GitHub issues, and a company-wide database, updating in near real-time.

Quick Start

Use the live-artifact skill to create a previewable HTML artifact with data from the 'github' connector and the 'issues' tool, using the template in 'template.html'.

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 dashboard that automatically updates from connected data sources?

A refreshable report embeds preview data directly within an interactive HTML artifact, enabling updates from original sources without manual redesign. This ensures your reports stay current and verifiable for informed decision-making.

What are auditable artifacts and how do they ensure data transparency?

Auditable artifacts are interactive HTML data views that embed provenance information directly for verification. They ensure data transparency by maintaining synced connections to original sources within an Open Design framework.

Do I need daemon tools to build a live dashboard with embedded data?

Yes, daemon tools are required for execution and data source management when building a live dashboard. They operate within the Open Design framework to enable project-scoped and project-backed data visualization.

Can I sync project status pages from multiple data inputs like Jira and GitHub?

Yes, you can create synced views that pull data from multiple inputs like Jira tickets and GitHub issues. This generates synchronized project status pages that update in near real-time from connected sources.

What is the best way to generate a previewable HTML artifact from project data?

The best way to generate a previewable HTML artifact is to use a designated template alongside a data connector and its corresponding tool. This produces an interactive, refreshable view optimized for project-backed visualization.