hello-demo

Generate interactive HTML demo pages with bookmarklet functionality.

137|7|Updated Oct 17, 2025

Search Tags:#html #interactive #web-development #demo #token-efficiency #artifact-delivery #bookmarklet

One-click install

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

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: hello-demo
Source: https://github.com/oaustegard/claude-skills/tree/main/hello-demo
Command: npx skills add https://github.com/oaustegard/claude-skills --skill hello-demo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill eliminates the need to repeatedly generate lengthy explanatory text by providing pre-built, reusable HTML artifacts that demonstrate concepts efficiently.

Core Features & Use Cases

Token-Efficient Delivery: Saves ~500 tokens per use by serving pre-built HTML instead of generating explanations
Interactive Demos: Provides bookmarklet-enabled HTML pages for hands-on learning
Use Case: When a user requests a "hello world demo" or "demo page," this Skill instantly delivers a complete interactive HTML page with bookmarklet functionality instead of generating verbose explanatory text.

Quick Start

Use the hello-demo skill to show me the interactive bookmarklet demonstration.