Answer me with HTML: 長い説明は短い Markdown の下書きだけ書かせ、図入りの HTML 1枚は CLI に作らせて出力トークンを減らす
スキル「answer-me-with-html」を入れると、モデルは短い Markdown の下書きだけを書き、付属の CLI がそれを図入りの HTML ページ1枚に組み立てる。作者の計測では出力トークンが約8分の1、時間が半分以下になる。
解決する問題
- 「図つきで分かりやすく説明して」と頼むと、モデルが HTML や SVG を丸ごと書くので、出力トークンが多く時間もかかる
- 長い説明をターミナルやチャットで読むのはつらい
入れ方（Node.js 20 以上が必要）
bash
# どのエージェントでも（skills CLI）
npx skills add QingYunA/answer-me-with-htmltext
# Claude Code のプラグインとして
/plugin marketplace add QingYunA/answer-me-with-html
/plugin install answer-me-with-html@answer-me-with-htmlbash
# DeepSeek Harness
dsh plugin --profile web add github:QingYunA/answer-me-with-html使い方
- 長い説明がほしいときにスキルが呼ばれ、HTML ページができる。短い答えのときはページを作らない
- いつも使いたいなら、CLAUDE.md や AGENTS.md に「長い説明はこのスキルで HTML にする」というルールを書く
- ページは
~/.answer-me-with-html/に貯まる。am cleanで消せる
効果（作者のベンチマーク、3テーマ×3回の中央値、Claude Sonnet 5.5）
| 出力トークン | 時間 | |
|---|---|---|
| モデルが HTML を直接書く | 4,893 | 31秒 |
| このスキル | 612 | 12秒 |
- 請求額の減り方は約15%にとどまる（入力トークンは変わらないため）
注意点
- 減るのは主に出力トークンと待ち時間。料金を大きく下げたい目的には向かない
- 図の見た目は CLI のテンプレート次第。凝った図が必要なときはモデルに直接書かせたほうがよい場合もある
- 外部のスキルなので、入れる前にリポジトリの中身（特に CLI が何を実行するか）を確かめる
出典
- @sumika45379 · 2026-11-04
- リポジトリ（MIT）: github.com