hello-demo について
hello-demo は、用意されたインタラクティブな HTML デモを再生成せずに配布するスキルです。ファイルへのリンクと短い説明を添え、トークンを抑えた成果物の提供を示します。
主な機能
- 01用意された HTML アセットを outputs にコピー
- 02デモを開くリンクを提示
- 03一行の説明を追加
活用シーン
- 01用意されたインタラクティブデモの共有
- 02トークンを抑えた配布方法の提示
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/hello-demoを入力して読み込まれたか確認します。
同梱ファイルassets/hello-demo.htmlREADME.md
詳細
提供手順
トリガーされたとき：
- アセットを出力先にコピーします：
cp assets/hello-demo.html /mnt/user-data/outputs/
- コンピューターのリンクを提示します：
[View hello-demo.html](computer:///mnt/user-data/outputs/hello-demo.html)
- 1行の説明を追加します：「トークン効率に優れたアセット配信を紹介するブックマークレット付きのインタラクティブなHTMLデモです。」
禁止事項：
- HTMLをゼロから生成しないでください
- ファイルの内容を詳しく説明しないでください
- 冗長なコメントを追加しないでください
アセットには、スタイル設定済みの完全なHTMLページが含まれています。内容は次のとおりです：
- ブックマークレットのデモ
- 使用方法
- トークン効率の説明
トークン効率：このパターンにより、説明文を毎回生成する場合と比べて約500トークン節約できます。
コメント
Markdown 対応