QingYunA/answer-me-with-html

これは何？

主な機能

• 01Markdownの下書きを、外部依存なしでオフライン表示できる単一のHTMLファイルに変換します。
• 02フローチャートを自動でレイアウトし、シーケンス図はラベル幅に応じて間隔を調整します。
• 03blueprint、shadcn、paperのテーマを用意しており、それぞれライトモードとダークモードに対応しています。
• 04チェックマークとバツ印付きの表、ソースファイルから引用したコード、グラフに対応しています。
• 05ブラウザーでエクスポートできる、ナレーション付き解説動画ページを生成できます。

ユースケース

• シーケンス図や状態図を使って、プロトコルやシステム設計を説明する。
• フォルダツリーや呼び出しグラフを使って、コードベース内のモジュールのつながりを整理する。
• データベースなどの技術選択肢を、1ページで読みやすく比較する。
• ページ上で選択肢への回答を記入し、返答をエージェントに貼り戻しながら、計画や下書きをレビューする。

クイックスタート

1. 1

   Node.js 20以降をインストールする

2. 2

   Claude Codeプラグインをインストールする（Claude Code内で実行）

   /plugin marketplace add QingYunA/answer-me-with-html
3. 3

   マーケットプレイスからプラグインをインストールする

   /plugin install answer-me-with-html@answer-me-with-html
4. 4

   または、skills installerを使って任意のエージェントにインストールする

   npx skills add QingYunA/answer-me-with-html

使う前に知っておきたいこと

• !CLIとskillを使うには、Node.js 20以降がインストールされている必要があります。
• !常時有効モードはデフォルトでオフです。有効にするには、エージェントのルールファイルにルールを追加する必要があります。
• !アップデートは手動です。CLIはバックグラウンドで新しいバージョンを確認するだけです。

トピック

よくある質問

answer-me-with-html とは？

AIエージェントの難しい質問への回答を、図や表、レイアウト付きのオフラインHTMLページにするエージェントスキル。 Answer me with HTMLは、Claude Code、Codex、Cursorなどのコーディングエージェント向けエージェントスキルです。回答が1段落では収まらない質問に対し、エージェントが短いMarkdownの下書きを作成し、同梱のCLIに渡すと、単体で完結するHTMLファイルが生成されます。レイアウト、テーマ、SVG図、フローチャートの配置はCLIが処理するため、モデルは内容の作成に専念できます。

answer-me-with-html は無料で使えますか？ライセンスは？

answer-me-with-html は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

answer-me-with-html は今もメンテナンスされていますか？

活発にメンテナンス中。answer-me-with-html の最終コミットは 2026年10月20日 です。

answer-me-with-html は何に使えますか？

シーケンス図や状態図を使って、プロトコルやシステム設計を説明する。 フォルダツリーや呼び出しグラフを使って、コードベース内のモジュールのつながりを整理する。 データベースなどの技術選択肢を、1ページで読みやすく比較する。 ページ上で選択肢への回答を記入し、返答をエージェントに貼り戻しながら、計画や下書きをレビューする。

answer-me-with-html のインストール方法は？

Node.js 20以降をインストールする Claude Codeプラグインをインストールする（Claude Code内で実行）: /plugin marketplace add QingYunA/answer-me-with-html マーケットプレイスからプラグインをインストールする: /plugin install answer-me-with-html@answer-me-with-html または、skills installerを使って任意のエージェントにインストールする: npx skills add QingYunA/answer-me-with-html

answer-me-with-html はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/QingYunA/answer-me-with-html