hello-demo

Overview

This skill serves a ready-made static Hello World HTML demo page with a bookmarklet. It is invoked when users request the hello demo, hello world demo, or a demo page, delivering a quick, shareable demo without generating HTML content from scratch.

How This Skill Works

When triggered, the skill copies the provided asset to the outputs directory and furnishes a computer link to view the demo. The included bookmarklet demonstration, usage instructions, and token efficiency note are delivered as part of the static page experience.

When to Use It

• When a user requests the hello demo, hello world demo, or a demo page
• To provide a quick, static front-end demo in chat or documentation
• When you need a ready-made, styled HTML page without server setup
• To demonstrate bookmarklet usage and interaction
• To illustrate token-efficient artifact delivery compared to narrating content

Quick Start

1. Step 1: Copy assets/hello-demo.html to /mnt/user-data/outputs/
2. Step 2: Share the computer link: [View hello-demo.html](computer:///mnt/user-data/outputs/hello-demo.html)
3. Step 3: Include the description: Interactive HTML demo with bookmarklet showing token-efficient artifact delivery.

Best Practices

• Copy the asset to the outputs directory exactly as instructed
• Provide the computer link to the file for quick access
• Do not generate HTML from scratch or alter the asset
• Include the one-line description when presenting the demo
• Prefer this static demo for fast hello world demonstrations

Example Use Cases

• User asks for a quick hello demo page; deliver the static HTML with bookmarklet
• A documentation page needs a live, static demo without server setup
• A sales demo showcases a bookmarklet usage example in the browser
• An onboarding chat provides a ready-made Hello World page for new users
• A knowledge base article links to the computer-backed demo for reference

Frequently Asked Questions