作ったばかりのプロジェクトを、音楽やモーション、シェア用文面付きの短い紹介動画にするエージェントスキル。
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 の数値は毎日更新されます。
関連プロジェクト
コードベースやLLM wikiを、AIコーディングツールから閲覧・検索・質問できるインタラクティブなナレッジグラフに変換します。
Claude Codeなどのコーディングエージェントが、自然言語の説明からExcalidraw図を生成するためのスキル。
Claude系エージェントの回答を、番号付き手順で前置きや無駄なく、行動を先に示す形式にするコーディング支援スキル。
Claude CodeとCowork向けに、プロダクト発見からグロースまでを網羅する69のPMスキルと42の連携ワークフローを収録。
Codexなどのコーディングエージェント向けに、アニメーションするドット絵ペットを閲覧・インストール・投稿できる公開ギャラリーとCLI。