Agent skill

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.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/hello-demo

Metadata

Additional technical details for this skill

version
1.0.4

SKILL.md

Delivery Instructions

When triggered:

  1. Copy the asset to outputs:
bash
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.

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results