Skip to content
Skill Authoring
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.

BOOST
From plugin
claude-skills
15498 skills1 agent
Install
$ npx -y skills add oaustegard/claude-skills --skill hello-demo --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/hello-demo

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

hello-demo.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/

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.

Ships withclaude-skills

A collection of Claude skills distributed as a Claude Code plugin marketplace. Skills are primarily designed for the Claude.ai PaaS skill compute environment; mileage will vary if used as Claude Code Agent Skills.

Get the whole plugin

Other skills on claude-skills.