LizardLiang/interactive-diagram

interactive-diagram とは？

LizardLiang/interactive-diagramは、システムアーキテクチャ、シーケンス図、フローチャートなどの技術図を、単一の自己完結型HTMLファイルとして動的に生成するClaudeスキルです。このスキルは、図の説明を自然言語で記述するだけで、クリック可能な要素やズーム機能を備えたインタラクティブなHTML図を出力します。主にClaude CodeやCodexなどのAIエージェントプラットフォームで使用可能で、`npx skills add LizardLiang/interactive-diagram` コマンドで簡単にインストールできます。これにより、開発者はドキュメントや設計レビューにおいて、視覚的で操作可能な図を迅速に作成し、共有できるようになります。また、出力されるHTMLは外部依存がないため、オフライン環境でもそのままブラウザで表示できます。