tt-a1i/archify

Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

解決する課題

Archifyは、複雑なアイデア、システム計画、または既存のコードベースをインタラクティブな視覚的図に変換します。ユーザーがアーキテクチャを記述したり、AIエージェントにリポジトリを分析させて、探索可能でスタンドアロンのHTMLファイルとして共有できる視覚的マップを生成させたりすることで、手動の作図ツールの必要性を排除します。

仕組み

Archifyは、AIエージェント(Cursor、Claude Code、Codex、OpenCodeなど)の「スキル」として統合されます。ユーザーはテキスト記述またはリポジトリをエージェントに提供して分析させます。エージェントはArchifyを使用して型付きソースを生成し、それをインタラクティブなHTMLファイルとしてレンダリングします。この出力は自己完結型であるため、閲覧者側でArchifyをインストールすることなく、どのブラウザでも開くことができます。

対象ユーザー

  • 開発者:システムアーキテクチャのマップ作成や、コードベース内の実行パスの追跡を行いたい方。
  • アーキテクト:新しいシステムの計画や既存システムのドキュメント作成を行う方。
  • プロジェクトマネージャー:ワークフロー、データフロー、学習マップを作成する方。
  • その他:計画、旅程、複雑なプロセスのインタラクティブなビジュアルを共有する必要があるすべての方。

ハイライト

  • エージェント主導の生成:一文から、またはGitHubリポジトリを分析することで図を作成。
  • インタラクティブな探索:下流への影響の追跡、特定のルートの強調表示、特定のコンポーネントへのフォーカスをサポート。
  • 多様な図の種類:アーキテクチャ、ワークフロー、シーケンス、データフロー、ライフサイクル図用の専用テンプレートを提供。
  • スタンドアロンのHTML出力:どのブラウザでも共有・開封可能なポータブルファイルを生成。
  • アーキテクチャの差分表示:2つのアーキテクチャスナップショットを比較して変更を視覚化(変更前/差分/変更後)。
  • カスタマイズ可能:ライトモードとダークモードをサポートし、特定のパスのPNG共有カードのエクスポートが可能。

これを取り上げた記事

関連

  • プロジェクト