Opencode Studio
web GUI for securely managing local OpenCode configuration
What is Opencode Studio?
Opencode Studio is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to web gui for securely managing local opencode configuration
web GUI for securely managing local OpenCode configuration
This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- web GUI for securely managing local OpenCode configuration
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx opencode-studioConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Opencode Studio
Opencode Studio is a web-based GUI for managing OpenCode configuration files, MCP servers, profiles, agents, skills, and plugins without manually editing JSON files. It runs locally and reads from the standard OpenCode configuration directory (~/.config/opencode/), providing a visual dashboard for toggling MCP servers, switching profiles, importing skills from GitHub URLs, tracking token usage and costs, and synchronising configuration with GitHub. Developers who use OpenCode as their AI coding assistant use this tool to manage the growing complexity of their configuration through a point-and-click interface.
Prerequisites
- Node.js 18 or later installed
- OpenCode CLI installed and configured (configuration present at ~/.config/opencode/)
- An MCP-compatible AI client such as Claude Desktop or Claude Code
- npm available on your PATH
Install Opencode Studio
Install the server globally via npm or use the quickstart script for your platform to set up the full local environment.
npm install -g opencode-studio-server
# Or on macOS/Linux using the quickstart script:
chmod +x quickstart.sh && ./quickstart.shStart the Opencode Studio server
Launch the local web server. By default it listens on port 1080 and reads your OpenCode configuration from ~/.config/opencode/.
opencode-studio-server
# Then open: http://localhost:1080Add Opencode Studio to your MCP client configuration
Register the server in your claude_desktop_config.json to allow AI assistants to manage your OpenCode configuration through natural language.
{
"mcpServers": {
"opencode-studio": {
"command": "npx",
"args": ["opencode-studio"]
}
}
}Manage MCP servers through the GUI
Open http://localhost:1080 in your browser. Use the MCP Servers panel to toggle servers on/off, add new ones, or delete existing entries from your OpenCode configuration.
Import skills and configure agents
Use the Skills panel to bulk-import skills from GitHub URLs, and the Agents panel to create agents with specific models, tools, and system prompts. Changes are written directly to ~/.config/opencode/.
Opencode Studio Examples
Client configuration
claude_desktop_config.json entry for Opencode Studio MCP server.
{
"mcpServers": {
"opencode-studio": {
"command": "npx",
"args": ["opencode-studio"]
}
}
}Prompts to try
Prompts that use Opencode Studio to manage your OpenCode environment through an AI assistant.
- "Show me all currently enabled MCP servers in my OpenCode configuration"
- "Switch to the work profile in OpenCode Studio"
- "Import the skill at https://github.com/example/skill-repo into my OpenCode setup"
- "Create a new agent called 'code-reviewer' with only read-only file tools enabled"
- "Show my token usage and cost breakdown by model for this month"Troubleshooting Opencode Studio
Opencode Studio does not reflect changes made directly to opencode.json
The GUI reads from ~/.config/opencode/opencode.json on load. Refresh the browser page to pick up external changes, or use Opencode Studio exclusively to avoid conflicts.
Port 1080 is already in use
Stop the conflicting process or configure Opencode Studio to use a different port. Check the quickstart script or package documentation for the PORT environment variable option.
Skills imported from GitHub URLs do not appear in OpenCode
Ensure the URL points to a raw skill file or a repository that Opencode Studio can parse. Skills are saved to ~/.config/opencode/skill/ — verify the file appeared there after import.
Frequently Asked Questions about Opencode Studio
What is Opencode Studio?
Opencode Studio is a Model Context Protocol (MCP) server that web gui for securely managing local opencode configuration It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Opencode Studio?
Follow the installation instructions on the Opencode Studio GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Opencode Studio?
Opencode Studio works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is Opencode Studio free to use?
Yes, Opencode Studio is open source and available under the MIT license. You can use it freely in both personal and commercial projects.
Opencode Studio Alternatives — Similar Developer Tools Servers
Looking for alternatives to Opencode Studio? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.
Ecc
★ 188.2kThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Javaguide
★ 155.8kJava 面试 & 后端通用面试指南，覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发
Gemini CLI
★ 104.5kA secure MCP server that wraps the Google Gemini CLI, allowing clients to query Gemini models using local OAuth sessions without requiring an API key. It provides tools for model interaction and diagnostics with built-in protection against command in
Awesome MCP Servers
★ 87.3k⭐ Curated list of Model Context Protocol (MCP) servers - tools that extend Claude Desktop, Cursor, Windsurf, and other MCP clients with custom capabilities.
MCP Servers
★ 86.0kModel Context Protocol Servers
CC Switch
★ 77.5kA cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
Browse More Developer Tools MCP Servers
Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up Opencode Studio in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use Opencode Studio?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.