mcpbeat

Hello Demo

oaustegard/claude-hello-demo

Delivers a static Hello World HTML demo page with bookmarklet. Use when user requests the hello demo, hello world demo, or demo page.

This is a copy. The original lives at oaustegard/hello-demo.

592 tokens
context cost
the whole folder, loaded on every use
3
files
instructions only
0
copies elsewhere
how many repositories repackaged it
137
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository 
npx skills add https://github.com/oaustegard/claude-skills --skill hello-demo

The instruction itself

1 sections, as written by the author

Delivery Instructions

When triggered:

  • Copy the asset to outputs:
cp assets/hello-demo.html /mnt/user-data/outputs/
  • Provide the computer link:
[View hello-demo.html](computer:///mnt/user-data/outputs/hello-demo.html)
  • 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.

How to use it

Copy the folder

Take oaustegard/claude-hello-demo from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.