oaustegard

hello-demo

30
2
# Install this skill:
npx skills add oaustegard/claude-skills --skill "hello-demo"

Install specific skill from multi-skill repository

# Description

Delivers a static Hello World HTML demo page with bookmarklet. Use when user requests the hello demo, hello world demo, or demo page.

# SKILL.md


name: hello-demo
description: Delivers a static Hello World HTML demo page with bookmarklet. Use when user requests the hello demo, hello world demo, or demo page.
metadata:
version: 1.0.4


Delivery Instructions

When triggered:

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

# Supported AI Coding Agents

This skill is compatible with the SKILL.md standard and works with all major AI coding agents:

Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.