Modo

コードを書く前に計画を立てる、オープンソースのAI IDE。

MITライセンス · クイックスタート · Modoが追加する機能 · コントリビューション

AIコーディングツールに小さな機能が欲しいと思った。提案する方法が見つからなかった。そこで自問した：Kiro、Cursor、Windsurfのようなものを実際に作るのはどれほど難しいのだろう？

結果は思ったより難しくない。Voidエディター（VS Codeのフォーク）から始めて、短期間の開発でそれらのツールが提供する機能の約60～70％まで達成できた。本当に楽しかった。

これがModoだ。プロンプトがコードになる前に構造化された計画に変わる、スタンドアロンのデスクトップIDE。オープンソース、MITライセンス、あなたがハックできる。

Modoが追加する機能

以下はすべて、Voidの既存のAIチャット、インライン編集（Cmd+K）、オートコンプリート、マルチプロバイダーLLMサポート、ツール使用、MCP統合の上に構築されている。新しい部分は次の通り：

仕様駆動開発

ほとんどのAIツールはプロンプト → コード。Modoはプロンプト → 要件 → 設計 → タスク → コード。

仕様は.modo/specs/<name>/に3つのマークダウンファイルとして存在する：

.modo/specs/auth-flow/
├── requirements.md     # ユーザーストーリー、受け入れ基準
├── design.md           # アーキテクチャ、コンポーネント、データモデル
└── tasks.md            # 実装手順のチェックリスト

Cmd+Shift+SまたはセッションピッカーでSpecモードを選択して作成する。機能かバグ修正、要件優先か設計優先のワークフローを選ぶ。エージェントが各ドキュメントを埋め、あなたがレビューし、その後タスクを一つずつ実行し、完了したらチェックを入れていく。

タスクはディスクに保存される。IDEを閉じて戻っても、中断したところから再開できる。

タスクCodeLens

tasks.mdを開くと、各未完了タスクの横にクリック可能な「▶ Run Task」ボタンがインライン表示される。上部に「Run All Pending Tasks」ボタンも表示される。実行中のタスクはスピナー、完了したものはチェックマークが表示される。エージェントは作業に応じて- [ ] → - [~] → - [x] とマークを更新する。

ステアリングファイル

.modo/steering/内のマークダウンドキュメントで、すべてのAI対話にプロジェクトルールを注入する。毎回繰り返す必要はない。

---
inclusion: always
---
# プロジェクトルール
- TypeScript厳格モードを使用
- すべてのエンドポイントで入力検証が必要

3つのインクルージョンモード：

• always — すべての対話
• fileMatch — アクティブファイルがグロブパターンに一致する場合
• manual — チャットの / コマンドで参照

#[[file:path]] 参照を使用して、OpenAPI仕様、GraphQLスキーマ、または任意のプロジェクト文書にリンクできる。

エージェントフック

.modo/hooks/内のJSON設定で、エージェントのライフサイクルに合わせたアクションを自動化する。

{
  "name": "保存時にリント",
  "version": "1.0.0",
  "when": { "type": "fileEdited", "patterns": ["**/*.ts"] },
  "then": { "type": "runCommand", "command": "npx eslint --fix ${filePath}" }
}

10のイベントタイプ：fileEdited, fileCreated, fileDeleted, promptSubmit, agentStop, preToolUse, postToolUse, preTaskExecution, postTaskExecution, userTriggered。2つのアクションタイプ：askAgent または runCommand。ツール使用前フックは実行を拒否できる。循環依存検出機能が組み込まれている。

オートパイロット／監視トグル

ステータスバーのピル表示で、オートパイロット（エージェントが自律的に動作）と監視モード（エージェントが承認を待つ）を切り替える。編集、ターミナルコマンド、MCPツールの自動承認設定に直接結びついている。

並列チャットセッション

複数のチャットセッションをタブとして表示。それぞれに独自のスレッド、コンテキスト、履歴がある。新しいものを開いたり、古いものを閉じたり、同時にすべて実行できる。検索可能な履歴パネルで過去の会話を検索できる。

VibeモードとSpecモード

自由な探索にはVibeモード、構造化開発にはSpecモードでセッションを開始する。Specモードでは、プロンプトが要件 → 設計 → タスクの完全なワークフローをトリガーする。アクティブな仕様の内容が自動的にLLMのシステムプロンプトに注入される。

サブエージェント

並列エージェントを起動して独立したサブタスクを実行する。各エージェントは独自のスレッドとツールアクセスを持つ。ステータスを追跡し、実行中のタスクをキャンセルしたり、完了したタスクをクリアしたりできる。

パワーズ

ドキュメント、ステアリングファイル、MCP設定をバンドルしたインストール可能な知識パッケージ。TypeScript、React、テスト、API設計、Docker用の組み込みパワー。プロンプトのキーワードに基づいてアクティブ化。URLからカスタムパワーをインストールできる。

専用エクスプローラーペイン

サイドバーに折りたたみ可能なセクションがあり、Spec（進捗バーとタスク数）、エージェントフック（イベント→アクションの流れ）、ステアリング（インクルージョンモード）、パワーズを表示する。

スラッシュコマンド

チャットで / を入力すると、マニュアルフック、ステアリングファイル、および組み込みコマンド（spec作成、タスク実行、会話エクスポート、ワークスペース初期化）にアクセスできる。

コンテキスト注入

ステアリングファイルとアクティブな仕様が自動的にすべてのLLM対話の前に追加される。エージェントはプロジェクトルールに従い、毎回指示しなくても構築すべきものを認識する。

カスタムダークテーマ

ティールアクセント、調整されたシンタックスハイライト、ターミナルカラーを備えた専用の「Modo Dark」テーマ。

コンパニオンキャラクター

Modoのアバターが各応答の前に表示され、ストリーミング中はランダムな表情、完了後は落ち着いたデフォルト表情になる。

完全なブランド変更

カスタムアプリアイコン、ウィンドウタイトル、透かしロゴ、製品アイデンティティ、URLプロトコル（modo://）、データディレクトリ（.modo-editor/）。UI内のすべてのVoid参照はModo相当のものに置き換えられている。

ワークスペース初期化

Modo: Initialize Workspace で完全な .modo/ ディレクトリ構造とデフォルトのステアリングファイル、設定テンプレートを作成する。

エクスポート

コマンドパレットから任意の会話をMarkdownとしてクリップボードにエクスポートできる。

ベースとなったプロジェクト

Modoは以下のプロジェクトなしでは存在しなかった：

Void自体は以下を提供：マルチプロバイダーサポート（Anthropic、OpenAI、Gemini、Ollama、Mistral、Groq、OpenRouter）、チャットサイドバー、Cmd+Kインライン編集、オートコンプリート、高速/低速適用、ツール呼び出し、MCP統合、SCM統合、設定システム。

Modoはその基盤の上にModoが追加する機能のすべてを追加している。

クイックスタート

git clone https://github.com/mohshomis/modo.git
cd modo
npm install          # Node 20が必要
npm run buildreact   # React UIをコンパイル
npm run watch        # TypeScriptをコンパイル（ターミナルで実行し続ける）
./scripts/code.sh    # Modoを起動

初回起動時、オンボーディングでモデルプロバイダーの接続方法を案内。Gemini無料プランが最速の開始方法。

プロジェクト構造

.modo/                          # プロジェクトごとの設定（「Initialize Workspace」で作成）
├── steering/                   # AIコンテキストに注入されるマークダウンルール
├── specs/                      # 構造化された機能/バグ修正ワークフロー
├── hooks/                      # JSONイベント→アクション自動化
└── settings/                   # MCPおよびその他の設定

src/vs/workbench/contrib/void/
├── common/
│   ├── modoSpecService.ts      # specのCRUD、タスク解析、コンテキスト構築
│   ├── modoSteeringService.ts  # ステアリングファイル読み込み、フロントマター解析、コンテキストアセンブリ
│   ├── modoHookService.ts      # フック読み込み、検証、イベントマッチング、実行
│   ├── modoPowersService.ts    # パワーズのレジストリ、アクティベーション、キーワードマッチング
│   └── modoSubagentService.ts  # 並列エージェントの生成とライフサイクル管理
├── browser/
│   ├── modoExplorerPane.ts     # spec、フック、ステアリング、パワーズのサイドバービュー
│   ├── modoSpecActions.ts      # spec作成、タスク実行、ファイルを開くコマンド
│   ├── modoTaskCodeLens.ts     # tasks.md内のインライン「Run Task」/「Done」ボタン
│   ├── modoSlashCommands.ts    # / コマンドピッカー、エクスポート、セッション管理
│   ├── modoStatusBar.ts        # オートパイロットトグル、アクティブspecインジケーター
│   ├── modoHookWiring.ts       # ファイル変更イベント→フックシステム
│   └── react/src/
│       ├── sidebar-tsx/         # セッションタブ、履歴、vibe/specモード、オートパイロット切り替え
│       ├── modo-spec-panel/     # spec管理React UI
│       └── modo-hooks-panel/    # フック管理React UI
└── extensions/
    └── modo-theme/              # ティールアクセントのカスタムダークテーマ

コマンド

コントリビューション

このプロジェクトはコミュニティによってメンテナンスされている。学習実験として自分で作ったもので、定期的にメンテナンスしているわけではない。修正や追加が必要な場合は、フォークしてPRを送るのが最善の方法。

npm run watch        # TypeScriptのコンパイル（実行し続ける）
npm run buildreact   # React UI（.tsxファイル変更後に実行）
./scripts/code.sh    # IDEの起動

コアサービス：src/vs/workbench/contrib/void/common/。ブラウザ側ロジック：browser/。Reactコンポーネント：browser/react/src/。

本格的なコントリビュータでコミットアクセスを希望する場合は、Issueを開いてください。詳細はCONTRIBUTING.mdを参照。

PR歓迎。MITライセンス。

ライセンス

MIT