Agent 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.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/hello-demo
Metadata
Additional technical details for this skill
- version
- 1.0.4
SKILL.md
Delivery Instructions
When triggered:
- Copy the asset to outputs:
cp assets/hello-demo.html /mnt/user-data/outputs/
- Provide the computer link:
[View hello-demo.html](computer:///mnt/user-data/outputs/hello-demo.html)
- 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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?