nicobailon/visual-explainer

何を解決するか

コードエージェントは、複雑な概念を説明するためにしばしばASCIIアートやテキストベースのテーブルに依存しますが、ターミナルではすぐに読みにくくなります。このプロジェクトは、エージェントがスタイリッシュなHTMLページを生成できるスキルを提供し、システムアーキテクチャ、差分レビュー、要件比較をはるかに読みやすくします。

動作方法

このツールはエージェントの出力を、ブラウザで直接開ける自己完結型のHTMLページに変換します。ズームやパンに対応するインタラクティブなMermaid図をサポートし、ダークモードとライトモードのテーマも提供します。Claude Code、Cursor、PiなどのさまざまなAIエージェント用のプラグインまたはスキルとして統合できるほか、ローカルのstdio MCPサーバーとして実行してレンダリングツールやプロンプトテンプレートを公開することも可能です。

対象ユーザー

ワークフローを離れずに、複雑な技術データ、アーキテクチャ図、コードレビューの明確な視覚的表現が必要な開発者。

特徴

• 広範なエージェント対応: Claude Code、Cursor、Pi、Antigravity CLI、Codex CLI、OpenCodeと互換性があります。
• インタラクティブなビジュアル: ズームやパンが可能なMermaidによる図表を活用。
• MCP統合: 標準化されたツール公開を可能にするローカルMCPサーバーを提供。
• ビルドステップ不要: 通常の使用ではビルドステップが不要で、ウェブブラウザのみで利用可能。
• PPTXエクスポート: 単純なHTMLスライドデッキをPowerPointプレゼンテーションに変換するユーティリティを含む。