Microck/opencode-studio

web GUI for securely managing local OpenCode configuration

What it solves

OpenCode Studio provides a local graphical user interface (GUI) for managing OpenCode configurations. It eliminates the need to manually edit JSON files to configure MCP servers, skills, plugins, and authentication settings.

How it works

The tool consists of a Next.js frontend and an Express API backend. The server automatically detects the OpenCode configuration directory (typically ~/.config/opencode/), reads the existing opencode.json and associated skill/plugin folders, and allows the user to modify these settings via the UI. Changes made in the browser are written back to the disk instantly.

Who it’s for

Developers and users of OpenCode who want a streamlined way to manage their AI agent configurations, custom skills, and MCP servers without touching raw configuration files.

Highlights

  • MCP Manager: Toggle servers on/off and add new ones using npx commands.
  • Profile Management: Create and switch between isolated environments with separate histories and configs.
  • Skill & Plugin Editor: Create, edit, and bulk-import skills and JS/TS plugins from URLs.
  • Agent Management: Configure custom agents including their models, tools, and permissions.
  • Usage Dashboard: Track token costs and model breakdown from local message logs.
  • GitHub Sync: Push and pull configurations to a private GitHub repository using the gh CLI.
  • Deep Link Support: Allows one-click installation of MCP servers and skills via custom protocol handlers.

Related

  • Project
  • Project
  • Project
  • Project
  • Project