Microck/opencode-studio

web GUI for securely managing local OpenCode configuration

何を解決するか

OpenCode Studio は、OpenCode の設定を管理するローカルのグラフィカルユーザーインターフェース(GUI)を提供します。手動で JSON ファイルを編集する必要がなく、MCP サーバー、スキル、プラグイン、認証設定を簡単に構成できます。

動作方法

このツールは Next.js フロントエンドと Express API ベースのバックエンドで構成されています。サーバーは自動的に OpenCode の設定ディレクトリ(通常は ~/.config/opencode/)を検出し、既存の opencode.json および関連するスキル/プラグインフォルダを読み込み、UI を通じて設定を編集できるようにします。ブラウザで行った変更は即座にディスクに書き込まれます。

対象ユーザー

OpenCode の開発者やユーザーで、生の設定ファイルを直接編集せずに、AIエージェントの設定、カスタムスキル、MCP サーバーをスムーズに管理したい方。

主な特徴

  • MCP マネージャー: npx コマンドを使ってサーバーのオン/オフ切り替えや新しいサーバーの追加が可能。
  • プロファイル管理: 独立した環境(履歴や設定が別々)を作成・切り替え可能。
  • スキル&プラグインエディタ: URL からスキルや JS/TS プラグインを一括インポート、作成、編集可能。
  • エージェント管理: モデル、ツール、権限をカスタマイズ可能なエージェントを設定可能。
  • 使用状況ダッシュボード: ローカルのメッセージログからトークンコストとモデル使用状況の内訳を追跡。
  • GitHub同期: gh CLI を使ってプライベート GitHub リポジトリに設定をプッシュ・プル可能。
  • ディープリンク対応: カスタムプロトコルハンドラにより、1クリックで MCP サーバーやスキルをインストール可能。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト