tt-a1i、AIエージェント向けのシステム図生成基盤「archify」を公開
GitHubで急上昇中のarchifyは、AIエージェントが生成したJSONからHTML形式のシステム構成図を出力するNode.js基盤です。v2.16.0-dev.0では、CursorやClaud…
運用や自動化の改善が継続的な効率化につながります。 GitHubで急上昇中のarchifyは、AIエージェントが生成したJSONからHTML形式のシステム構成図を出力するNode.js基盤です
tt-a1iは、AIエージェントがシステム構成やワークフローを可視化するためのレンダリング基盤「archify」を公開しました。本プロジェクトは、Cursor、Claude Code、Codex CLIといったAIツールがコードベースやシステム説明から、対話を通じてインタラクティブなシステムマップを直接生成することを目的としたNode.jsツールです。
従来、AIによる図表作成はMermaidなどのテキストベース形式が主流でしたが、archifyは型定義されたJSON IR(中間表現)をエージェントに出力させ、それを決定論的にHTMLやSVGへコンパイルする手法をとっています。これにより、アニメーション効果を含むリッチなUIと、厳密なスキーマ検証による図の正確性を両立させています。シーケンス図やデータフロー、ライフサイクル図など、複数のアーキテクチャ表現に対応している点も特徴です。
現在は開発バージョンのv2.16.0-dev.0が公開されており、グローバルコマンドまたはプロジェクト単位のコマンドで実行可能です。出力物は自己完結型のHTMLとしてエクスポートできるため、既存のドキュメントフローへの統合も容易ですが、エージェント側が特定のJSON IRを生成できるようプロンプトやスキルの設定を調整する運用が必要となります。
Related tools
この記事に関連するおすすめツール
比較検討しやすい導入候補を優先して表示しています。一部リンクは広告・アフィリエイトを含む場合があります。
フェレット記者の用語メモ
svg
XMLベースのベクター画像形式で、拡大しても画質が落ちず、コードとして扱えるのが特徴だよ。AIとの相性が良く、CSSやJSで制御しやすいけど、パスが複雑すぎるとブラウザのレンダリング負荷が跳ね上がる。エージェントが複雑すぎる図を出力し始めると、ドキュメントの閲覧が重くなる落とし穴があるよ。
比較: PNG
claude code
ターミナル上で動作するAIエージェントで、ファイル操作やコード変更を直接実行できるよ。単なるチャットと違って実コードを弄るから、コンテキストウィンドウの消費が激しく、大規模リポジトリでは課金スピードに驚くことになるよ。生成された図のHTMLが肥大化すると、トークン制限ですぐ頭打ちになる点に注意だね。
比較: GitHub Copilot Chat
出典: GitHub Trending
要点を短く整理して掲載しています。詳細は出典を確認してください。


