Opencode Studio

Web GUI for managing Opencode configuration.

Features

• MCP Servers: Add/toggle/delete MCP servers. Paste npx commands directly.
• Skills: Create and edit skill files (markdown)
• Plugins: Create and edit plugin files (JS/TS)
• Settings: Manage model aliases
• Raw Config: Edit opencode.json directly

Quick Start

# Start backend (port 3001)
cd server && node index.js

# Start frontend (port 3000)
cd client-next && npm run dev

Open http://localhost:3000

Tech Stack

• Next.js 16 + TypeScript
• Tailwind CSS v4 + shadcn/ui
• Geist font

Config Location

Reads/writes to ~/.config/opencode/opencode.json