# 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.

- Skill: `tools-only/hello-demo` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds add tools-only/hello-demo`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tools-only/hello-demo/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: tools-only (https://skillmd.com/u/tools-only)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/tools-only/hello-demo

---


## Delivery Instructions

When triggered:

1. Copy the asset to outputs:
```bash
cp assets/hello-demo.html /mnt/user-data/outputs/
```

2. Provide the computer link:
```
[View hello-demo.html](computer:///mnt/user-data/outputs/hello-demo.html)
```

3. 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.