Repolode
tt-a1i

tt-a1i/archify

アイデアや計画、コードベースから、Claude Code、Codex、Cursor、OpenCodeで使えるインタラクティブなHTML図を生成するエージェントスキル。

代替できる製品:LucidchartMiro

スター
84,801
フォーク
5,742
未解決の Issue
248
最終コミット
昨日

これは何?

Archifyは、テキストの説明やコードリポジトリからインタラクティブな図を生成するエージェントスキルです。システムやフロー、計画をAIエージェントに説明すると、クリック可能なノード、経路のトレース、上流・下流の探索機能を備えた、単体で動作するHTMLファイルを生成します。アーキテクチャ図、ワークフロー図、シーケンス図、データフロー図、ライフサイクル図、ERD、クラス図、ツリー図、タイムライン、ウォーターフォール図に対応しています。

エージェントが生成する型付きJSONソースは、同梱のバリデーターとレイアウトルールによって検証されてからHTMLとして出力されます。リポジトリを解析する場合、ノードから特定のコミットに固定されたソースファイルや行範囲へリンクできます。出力はPNG、静的形式またはモーション形式、共有カードとしてエクスポートでき、HTMLファイルはArchifyをインストールせずにブラウザーで開けます。

インストールにはnpx skills addを使用します。Cursor、Claude Code、Codex CLI、OpenCodeで利用できるほか、Claude.aiやその他のエージェント向けの追加オプションもあります。

主な機能

  • 01自然言語での説明から、インタラクティブなHTML図を生成します。
  • 02リポジトリを解析し、コードへのリンク付きで、ソースに基づいたアーキテクチャマップを作成します。
  • 03アーキテクチャ図、シーケンス図、ERD、タイムラインなど、10種類の図に対応しています。
  • 04上流・下流の関係をたどり、特定の経路を追跡できます。
  • 05PNG、モーション形式、共有カードにエクスポートできます。
  • 06図のソースを出力前に検証し、機械可読なエラーを報告します。

ユースケース

  • 説明をもとに、システムのアーキテクチャやリクエストの流れをチームに共有する。
  • 不慣れなコードベースのコンポーネントや依存関係を可視化し、オンボーディングに役立てる。
  • 旅行の旅程や学習経路など、複数ステップからなる計画を可視化する。
  • 変更前後のアーキテクチャのスナップショットを比較して、設計変更をレビューする。

トピック

よくある質問

archify とは?
アイデアや計画、コードベースから、Claude Code、Codex、Cursor、OpenCodeで使えるインタラクティブなHTML図を生成するエージェントスキル。 Archifyは、テキストの説明やコードリポジトリからインタラクティブな図を生成するエージェントスキルです。システムやフロー、計画をAIエージェントに説明すると、クリック可能なノード、経路のトレース、上流・下流の探索機能を備えた、単体で動作するHTMLファイルを生成します。アーキテクチャ図、ワークフロー図、シーケンス図、データフロー図、ライフサイクル図、ERD、クラス図、ツリー図、タイムライン、ウォーターフォール図に対応しています。
archify は無料で使えますか?ライセンスは?
archify は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
archify は今もメンテナンスされていますか?
活発にメンテナンス中。archify の最終コミットは 2026年10月17日 です。
archify は何に使えますか?
説明をもとに、システムのアーキテクチャやリクエストの流れをチームに共有する。 不慣れなコードベースのコンポーネントや依存関係を可視化し、オンボーディングに役立てる。 旅行の旅程や学習経路など、複数ステップからなる計画を可視化する。 変更前後のアーキテクチャのスナップショットを比較して、設計変更をレビューする。
archify はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/tt-a1i/archify

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト