Skip to content
Skillpedia
Misc101k · #647

create-live-artifact-ops

Creates a document that updates itself. It's useful for tracking operations, customer support, or launch reviews.

What it does

This tool creates an interactive report that shows key information about how a service or product is performing. It updates itself and helps customer success and support teams understand what's happening.

When to use it

  • ✓When you need a quick dashboard to see a service's status.
  • ✓To show important data in a product launch review meeting.
  • ✓To help the support team quickly understand issues.

Example of what to ask your AI

“Create a live report to monitor the performance of our new app.”

Want more? Open the sections below.

How to use

The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.

Skill link

https://github.com/nexu-io/open-design/blob/main/plugins/spec/examples/create-live-artifact-ops/SKILL.md

Ready-to-paste message

Use this skill to help me: https://github.com/nexu-io/open-design/blob/main/plugins/spec/examples/create-live-artifact-ops/SKILL.md Read the SKILL.md file at that link and follow its instructions for my task.
How it works

The tool first finds where to get information from (or uses sample data). Then, it defines what to show (metrics, how often to update) and creates an HTML report that works even without real data. It also indicates if data is stale and what actions to take.

Installation

Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.

In the terminal (Claude Code, Codex, Cursor), in your project folder:

npx skills add nexu-io/open-design --skill create-live-artifact-ops

Or download just the file:

curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/plugins/spec/examples/create-live-artifact-ops/SKILL.md -o SKILL.md
Technical content (original SKILL.md)

Original text by the author, straight from GitHub.

Example Live Ops Artifact

Use this plugin when the user asks for a live artifact that summarizes changing operational data.

Workflow

  1. Identify the source system or choose a mock source when no connector is available.
  2. Define the artifact schema: KPIs, freshness, feed items, and owner actions.
  3. Create a self-contained HTML artifact that renders a useful seeded state.
  4. Include stale and refresh affordances in the UI copy.
  5. Return index.html and note which connector can be wired later.

Quality Checks

  • The artifact still works with seeded mock data.
  • Freshness and source status are visible.
  • The user can tell what action to take next.
  • The layout remains useful when values change.
FAQ

What is a 'live artifact'?

It's a report or dashboard that displays information that changes over time and can be refreshed to show the latest data.

Do I need to know how to code to use this?

No, you just need to ask for the report. The tool handles the technical side.

What if there's no connection to live data?

The tool can create a report with mock data so you can see how it works and what it would show.

Details

Original description by the author

Create a refreshable live operations artifact for customer success, support, or launch review workflows.

repo: nexu-io/open-design

Popularity

GitHub stars
101k
Ranking position
#647
License
Apache-2.0
Updated
10/16/2026

Is this skill useful?

0

Sign in to vote.

Comments

  • …

More skills from this repository

Similar skills