opcode

Claude Code のための強力な GUI アプリケーションとツールキット

カスタムエージェントを作成し、インタラクティブな Claude Code セッションを管理し、セキュアなバックグラウンドエージェントを実行などができます。

opcode は Claude Code との対話方法を根本的に変える強力なデスクトップアプリケーションです。Tauri 2 で構築されており、Claude Code セッションを管理したり、カスタムエージェントを作成したり、使用状況を追跡したりなど、より多くの機能を提供する美しい GUI を備えています。

opcode を Claude Code のコマンドセンターと考えてください。コマンドラインツールとビジュアルな体験の間のギャップを埋め、AI 支援開発をより直感的で生産的にします。

• 🌟 概要
• ✨ 機能

  • 🗂️ プロジェクト・セッション管理

  • 🤖 CC エージェント

  • 📊 使用状況分析ダッシュボード

  • 🔌 MCP サーバー管理

  • ⏰ タイムライン・チェックポイント

  • 📝 CLAUDE.md 管理

• 📖 使用方法
  • 始める
  • プロジェクトの管理
  • エージェントの作成
  • 使用状況の追跡
  • MCP サーバーの操作
• 🚀 インストール
• 🔨 ソースからビルド
• 🛠️ 開発
• 🔒 セキュリティ
• 🤝 貢献
• 📄 ライセンス
• 🙏 謝辞

• ビジュアルプロジェクトブラウザ：~/.claude/projects/ 内のすべての Claude Code プロジェクトを閲覧できます
• セッション履歴：過去のコーディングセッションを完全なコンテキスト付きで表示・再開できます
• スマート検索：組み込みの検索機能でプロジェクトやセッションを素早く見つけられます
• セッションインサイト：最初のメッセージ、タイムスタンプ、セッションメタデータを一目で確認できます

• カスタム AI エージェント：カスタムシステムプロンプトと動作を持つ専門的なエージェントを作成できます
• エージェントライブラリ：異なるタスク用に目的別に構築されたエージェントのコレクションを構築できます
• バックグラウンド実行：非ブロッキング操作のためにエージェントを別のプロセスで実行できます
• 実行履歴：詳細なログとパフォーマンスメトリクス付きですべてのエージェント実行を追跡できます

• コスト追跡：Claude API の使用状況とコストをリアルタイムで監視できます
• トークン分析：モデル、プロジェクト、期間別の詳細な内訳
• ビジュアルチャート：使用状況のトレンドとパターンを示す美しいチャート
• データエクスポート：会計と分析用に使用状況データをエクスポートできます

• サーバーレジストリ：Model Context Protocol サーバーを一元的な UI から管理できます
• 簡単な設定：UI 経由でサーバーを追加するか、既存の設定からインポートできます
• 接続テスト：使用前にサーバー接続を検証できます
• Claude Desktop インポート：Claude Desktop からサーバー構成をインポートできます

• セッションバージョニング：コーディングセッションの任意の時点でチェックポイントを作成できます
• ビジュアルタイムライン：分岐したタイムラインを使用してセッション履歴をナビゲートできます
• インスタントリストア：1 クリックで任意のチェックポイントに戻ることができます
• セッションフォーク：既存のチェックポイントから新しいブランチを作成できます
• 差分ビューア：チェックポイント間で何が変わったかを正確に確認できます

• 組み込みエディタ：アプリ内から CLAUDE.md ファイルを直接編集できます
• ライブプレビュー：マークダウンをリアルタイムでレンダリングして確認できます
• プロジェクトスキャナー：プロジェクト内のすべての CLAUDE.md ファイルを見つけられます
• シンタックスハイライト：シンタックスハイライト付きの完全なマークダウンサポート

1. opcode を起動：インストール後にアプリケーションを開きます
2. ウェルカムスクリーン：CC Agents またはプロジェクトを選択します
3. 初回セットアップ：opcode が自動的に ~/.claude ディレクトリを検出します

Projects → Select Project → View Sessions → Resume or Start New

• プロジェクトをクリックしてセッションを表示します
• 各セッションは最初のメッセージとタイムスタンプを表示します
• セッションを直接再開するか、新しいセッションを開始できます

CC Agents → Create Agent → Configure → Execute

1. エージェントをデザイン：名前、アイコン、システムプロンプトを設定します
2. モデルを設定：利用可能な Claude モデルから選択します
3. 権限を設定：ファイルの読み書きとネットワークアクセスを設定します
4. タスクを実行：任意のプロジェクトでエージェントを実行します

Menu → Usage Dashboard → View Analytics

• モデル、プロジェクト、日付別にコストを監視します
• レポート用にデータをエクスポートします
• 使用状況アラートを設定します（近日公開）

Menu → MCP Manager → Add Server → Configure

• サーバーを手動で追加するか、JSON 経由で追加できます
• Claude Desktop 設定からインポートできます
• 使用前に接続をテストします

• Claude Code CLI：Claude の公式サイトからインストールします

opcode をソースからビルドする前に、以下がインストールされていることを確認してください。

• オペレーティングシステム: Windows 10/11、macOS 11+、または Linux（Ubuntu 20.04+）
• RAM: 最小 4GB（8GB 推奨）
• ストレージ: 最低 1GB の空きスペース

1. Rust（1.70.0 以降）

   # Install via rustup
   curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

2. Bun（最新版）

   # Install bun
   curl -fsSL https://bun.sh/install | bash

3. Git

   # Usually pre-installed, but if not:
   # Ubuntu/Debian: sudo apt install git
   # macOS: brew install git
   # Windows: Download from https://git-scm.com

4. Claude Code CLI

   • Claude の公式サイトからダウンロードしてインストールしてください。
   • claude が PATH で利用可能であることを確認してください。

opcode

A powerful GUI app and Toolkit for Claude Code

Create custom agents, manage interactive Claude Code sessions, run secure background agents, and more.

opcode is a powerful desktop application that transforms how you interact with Claude Code. Built with Tauri 2, it provides a beautiful GUI for managing your Claude Code sessions, creating custom agents, tracking usage, and much more.

Think of opcode as your command center for Claude Code - bridging the gap between the command-line tool and a visual experience that makes AI-assisted development more intuitive and productive.

• 🌟 Overview
• ✨ Features

  • 🗂️ Project & Session Management

  • 🤖 CC Agents

  • 📊 Usage Analytics Dashboard

  • 🔌 MCP Server Management

  • ⏰ Timeline & Checkpoints

  • 📝 CLAUDE.md Management

• 📖 Usage
  • Getting Started
  • Managing Projects
  • Creating Agents
  • Tracking Usage
  • Working with MCP Servers
• 🚀 Installation
• 🔨 Build from Source
• 🛠️ Development
• 🔒 Security
• 🤝 Contributing
• 📄 License
• 🙏 Acknowledgments

• Visual Project Browser: Navigate through all your Claude Code projects in ~/.claude/projects/
• Session History: View and resume past coding sessions with full context
• Smart Search: Find projects and sessions quickly with built-in search
• Session Insights: See first messages, timestamps, and session metadata at a glance

• Custom AI Agents: Create specialized agents with custom system prompts and behaviors
• Agent Library: Build a collection of purpose-built agents for different tasks
• Background Execution: Run agents in separate processes for non-blocking operations
• Execution History: Track all agent runs with detailed logs and performance metrics

• Cost Tracking: Monitor your Claude API usage and costs in real-time
• Token Analytics: Detailed breakdown by model, project, and time period
• Visual Charts: Beautiful charts showing usage trends and patterns
• Export Data: Export usage data for accounting and analysis

• Server Registry: Manage Model Context Protocol servers from a central UI
• Easy Configuration: Add servers via UI or import from existing configs
• Connection Testing: Verify server connectivity before use
• Claude Desktop Import: Import server configurations from Claude Desktop

• Session Versioning: Create checkpoints at any point in your coding session
• Visual Timeline: Navigate through your session history with a branching timeline
• Instant Restore: Jump back to any checkpoint with one click
• Fork Sessions: Create new branches from existing checkpoints
• Diff Viewer: See exactly what changed between checkpoints

• Built-in Editor: Edit CLAUDE.md files directly within the app
• Live Preview: See your markdown rendered in real-time
• Project Scanner: Find all CLAUDE.md files in your projects
• Syntax Highlighting: Full markdown support with syntax highlighting

1. Launch opcode: Open the application after installation
2. Welcome Screen: Choose between CC Agents or Projects
3. First Time Setup: opcode will automatically detect your ~/.claude directory

Projects → Select Project → View Sessions → Resume or Start New

• Click on any project to view its sessions
• Each session shows the first message and timestamp
• Resume sessions directly or start new ones

CC Agents → Create Agent → Configure → Execute

1. Design Your Agent: Set name, icon, and system prompt
2. Configure Model: Choose between available Claude models
3. Set Permissions: Configure file read/write and network access
4. Execute Tasks: Run your agent on any project

Menu → Usage Dashboard → View Analytics

• Monitor costs by model, project, and date
• Export data for reports
• Set up usage alerts (coming soon)

Menu → MCP Manager → Add Server → Configure

• Add servers manually or via JSON
• Import from Claude Desktop configuration
• Test connections before using

• Claude Code CLI: Install from Claude's official site

Before building opcode from source, ensure you have the following installed:

• Operating System: Windows 10/11, macOS 11+, or Linux (Ubuntu 20.04+)
• RAM: Minimum 4GB (8GB recommended)
• Storage: At least 1GB free space

1. Rust (1.70.0 or later)

   # Install via rustup
   curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

2. Bun (latest version)

   # Install bun
   curl -fsSL https://bun.sh/install | bash

3. Git

   # Usually pre-installed, but if not:
   # Ubuntu/Debian: sudo apt install git
   # macOS: brew install git
   # Windows: Download from https://git-scm.com

4. Claude Code CLI

   • Download and install from Claude's official site
   • Ensure claude is available in your PATH

Platform-Specific Dependencies

RELATED

同じカテゴリの他のツール

Everything Claude Code (ECC)

★ 175.1k ／ JavaScript

Claude Code

★ 121.2k ／ Shell

Claude Flow

★ 45.7k ／ TypeScript

Awesome Claude Code

★ 42.8k ／ Python

Claude Code Router

★ 33.6k ／ TypeScript

Task Master

★ 27k ／ JavaScript