mcpField
H
hello-demo

hello-demo

github.com/oaustegardDevelopment15743 installsUpdated 1d ago
Repository

About hello-demo

hello-demo is a skill that delivers a prepared interactive HTML demo and a link, rather than generating the page or providing a detailed explanation. It is intended for demonstrating token-efficient artifact delivery.

Key features

  1. 01Copies the prepared HTML asset to outputs
  2. 02Provides a link to view the demo
  3. 03Adds a one-line description

Use cases

  1. 01Sharing the prepared interactive demo
  2. 02Showing a token-efficient delivery pattern

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/oaustegard/claude-skills --skill hello-demo

After installing, type/hello-demoin Claude Code to confirm it loaded.

Bundled filesassets/hello-demo.htmlREADME.md

Details

From the project README

Delivery Instructions

When triggered:

  1. Copy the asset to outputs:
cp assets/hello-demo.html /mnt/user-data/outputs/
  1. Provide the computer link:
[View hello-demo.html](computer:///mnt/user-data/outputs/hello-demo.html)
  1. Add one-line description: "Interactive HTML demo with bookmarklet showing token-efficient artifact delivery."

DO NOT:

  • Generate HTML from scratch
  • Explain the file contents in detail
  • Add verbose commentary

The asset contains a complete, styled HTML page with:

  • Bookmarklet demonstration
  • Usage instructions
  • Token efficiency explanation

Token efficiency: This pattern saves ~500 tokens vs. generating explanatory text each time.

Comments

Markdown supported