Communitygithub.com

cp-yu/cc-switch-web

Claude Code、Codex、Geminiに対応したオールインワンAI CLI管理プラットフォーム。プロバイダー切り替え、MCPサーバー、スキル、プロンプト管理を提供し、ヘッドレス/SSH環境向けのWeb UIも搭載。

cc-switch-web とは?

cp-yu/cc-switch-webは、Claude Code、Codex、Geminiなどの複数のAI CLIツールを一元管理するためのプラットフォームです。プロバイダーの切り替え、MCPサーバーの管理、スキルやプロンプトの追加・管理といった開発者に不可欠な機能を提供します。特に、ヘッドレス環境やSSH経由でのリモート開発においても、Web UIを通じて直感的に操作できる点が大きな利点です。これにより、開発者は複数のAIエージェントを効率的に切り替えながら、統一されたインターフェースで作業を進めることができます。MCPサーバーの設定やスキルのカスタマイズも容易に行えるため、柔軟な開発ワークフローを実現します。

対応✓Claude Code✓Codex CLI~Cursor✓Gemini CLI
npx skills add cp-yu/cc-switch-web

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

cc-switch-web は何をしますか?

Claude Code、Codex、Geminiに対応したオールインワンAI CLI管理プラットフォーム。 プロバイダー切り替え、MCPサーバー、スキル、プロンプト管理を提供し、 ヘッドレス/SSH環境向けのWeb UIも搭載。

主な機能

  • プロバイダー切り替え: Claude Code、Codex、Geminiをワンコマンドで切り替え
  • MCPサーバー管理: 複数のMCPサーバーを一元的に管理・設定
  • スキル管理: スキルの追加、編集、削除、有効化/無効化
  • プロンプト管理: カスタムプロンプトの作成と管理
  • Web UI: ブラウザから直感的に操作可能。ヘッドレス環境やSSH接続時にも便利

必要なもの

  • Node.js 18以上
  • 対応するAI CLIツール(Claude Code、Codex、Geminiのいずれか)

インストール

# npmを使用
npm install -g cc-switch-web

# またはnpxから直接実行
npx cc-switch-web

使い方

CLIモード

# プロバイダーの切り替え
cc-switch provider set claude
cc-switch provider set codex
cc-switch provider set gemini

# MCPサーバーの管理
cc-switch mcp list
cc-switch mcp add <サーバー名> <設定>

# スキルの管理
cc-switch skill list
cc-switch skill add <スキルファイル>

Web UIモード

# Web UIを起動(デフォルトポート3000)
cc-switch-web --web

# ポートを指定
cc-switch-web --web --port 8080

ブラウザで http://localhost:3000 にアクセスしてください。

設定

設定ファイルは ~/.cc-switch/config.json に保存されます。 環境変数で設定を上書きすることも可能です。

  • CC_SWITCH_CONFIG_PATH: 設定ファイルのパスを指定
  • CC_SWITCH_WEB_PORT: Web UIのポート番号

ライセンス

MIT

関連スキル