AIにアーキ図を自動生成させるツールが登場

AIで爆速でプロトタイプを作れるようになった反面、「このサービス、どういう構造なの？」と聞かれたときに詰まる場面が増えている。コードは動いているのに、アーキテクチャ図がない。処理の流れを人に説明しようとすると、口頭か手描きか、あるいはFigmaで1時間かけて図を作るか、という選択肢しかなかった。

AIエージェントを自分で組み立てる時代へでも触れたように、AIを使って一人でサービスを組み上げられる環境は整いつつある。ただ、作るスピードと「伝えるための整理」の速度の差が、ここにきて顕在化してきた。

「archify」はAIエージェントのスキル（ツール）として機能するOSS。CursorやClaudeといったAIエージェント環境に組み込むことで、自然言語の指示やコードの構造から、システム構成図・処理フロー図・シーケンス図・データフロー図・ライフサイクル図などを自動生成できる。

GitHubに公開されており、スター数はすでに17,000を超えている。出力形式は「自己完結型HTML」で、アニメーションつきの動く図として書き出される。画像として切り出すエクスポート機能もあり、LPや資料に貼り込みやすい形になっているとリポジトリ上に記載されている。

ポイントは「AIエージェントがコードを読んで図を起こす」という動作フローにある。コードベースをエージェントに渡して「このシステムのアーキテクチャ図を作って」と指示すれば、図の生成まで自動で完結する設計だ。手元でPythonやMermaidを書く必要はない。

LucidchartやMiro、Eraser.ioのようなツールも「AIが図を生成する」機能を持つようになっているが、それらとarchifyの違いは「エージェントのスキルとして組み込める」という点にある。

既存ツールは基本的にブラウザ上で操作する前提で、コードベースを丸ごとわたして構造を解析させる用途には向いていない。archifyはAIエージェントのコンテキスト内で動作するため、コードを読みながらその場で図に変換するというフローが実現しやすい。

また、出力がHTMLである点も実用上の特徴だ。Mermaid記法などの中間フォーマットを経由せず、そのままブラウザで表示・共有できる。社内ドキュメントやNotion、ポートフォリオページへの埋め込みも含めて、使い回しやすい形式になっている。

ただし、図の精度はエージェントへの指示の質に依存する。「このファイル群のデータフローを図にして」と渡す情報が整理されているほど、出力の精度も上がる傾向があることはリポジトリのexampleを見ると確認できる。