ArchifyでAIに図を描かせる新しいやり方

Claude CodeやCursorに入れて使うエージェントスキル「Archify」を試してみた！チャットで説明した内容をAIが型付きJSONに落とし、決定論的なレンダラがアーキテクチャ図をHTML1枚に出力する仕組み。 AIが直接SVGを吐くのではなく「AIが構造を書く／コードが検証してレンダリングする」という分業がこのツールの核心。検証に落ちると座標付きの修理指示が返ってきて、エージェントがそのまま直せる。 2026年4月公開で8月末時点で3万4千スター。実行時依存ゼロ、7.3MBで導入できる。生成されたHTMLはそのままビューアとして動き、検索・経路追跡・プレゼンモードまで付いてくる。 ただし一発で完璧には出ない。6ノードの図でも1回落ちたし、8ノードで25往復したという報告もある。日本語ラベルは通るがビューアUIは英語のまま。Mermaidの代替ではなく、GitHubに直接貼れるのは引き続きMermaidが強い。 0:00 Archifyという選択肢 1:56 インストールと図の種類 2:57 エージェントが書くJSON 4:49 検証で落ちたときの直し方 7:24 deliverとvisual-check 9:15 HTMLビューアの機能 10:42 日本語とMermaidとの違い 12:45 収束コストと限界 14:48 Archifyの使いどころ ▼関連リンク Archify リポジトリ: https://github.com/tt-a1i/archify 公式サイト: https://tt-a1i.github.io/archify/ 実証ギャラリー: https://tt-a1i.github.io/archify/gall... skills CLI: https://github.com/vercel-labs/skills お問い合わせはこちら: chronoitchannel@gmail.com