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
113
Forks
4
Install this agent skill to your Project
npx add-skill https://github.com/oaustegard/claude-skills/tree/main/hello-demo
Metadata
Additional technical details for this skill
- version
- 1.0.4
SKILL.md
Delivery Instructions
When triggered:
- Copy the asset to outputs:
bash
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.
Didn't find tool you were looking for?