Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
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:
- 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.
# 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.