gitwtfhub

wtf is opencode-studio?

martian7777/opencode-studio — explained in plain English

Analysis updated 2026-05-18

2TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

TL;DR

A visual chat interface inside VS Code and similar editors for the terminal-only opencode AI coding agent.

Mindmap

mindmap
  root((opencode Studio))
    What it does
      Adds GUI to opencode
      Image and file attachments
      Mention and slash commands
    Tech stack
      TypeScript
      React webview
      VS Code extension API
    Use cases
      Chat with AI agent
      Attach screenshots
      Approve tool actions
    Audience
      Developers
      VS Code users
    Editors
      VS Code
      Cursor
      Windsurf

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Chat with the opencode AI agent inside your editor instead of the terminal.

REASON 2

Paste screenshots or drag in files as context for the agent.

REASON 3

Approve or auto-approve risky agent actions like shell commands through a visual permission system.

REASON 4

Switch between AI providers and models from a dropdown without restarting.

What's in the stack?

TypeScriptReactNode.jsVS Code API

How it stacks up

martian7777/opencode-studio4ssh1/mine-sweeperachawla19/intuitcode-extension
Stars222
LanguageTypeScriptTypeScriptTypeScript
Last pushed2026-01-31
MaintenanceMaintained
Setup difficultyeasymoderatemoderate
Complexity2/52/54/5
Audiencedevelopervibe coderdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Requires opencode already installed and on your PATH before installing the extension.

Use, modify, and share freely for any purpose, including commercial use, as long as you keep the copyright notice.

Wtf does this do

This project is a visual interface for opencode, an AI coding agent that normally only runs in the terminal. It is packaged as an editor extension that works inside VS Code and similar editors like Cursor, Windsurf, Antigravity, VSCodium, and code-server. The README explains that opencode is powerful but its terminal-only design has real limits: you cannot paste screenshots or drag in image files, you cannot drag and drop files as context, commands and models are hidden behind syntax you have to memorize, there is no visual way to approve or reject the actions the agent wants to take, and the raw streaming output does not show what tool calls are happening. This extension adds a chat panel right inside the editor that solves each of those problems: you can paste or drag in images and files, type an at-sign to search and mention files from your whole project, type a slash to see a searchable list of available commands, and watch responses stream in with readable formatting and expandable cards showing what each tool call did. It also adds a permission system with four modes, ranging from approving every action manually to approving everything automatically, plus a read-only planning mode. Risky actions like running shell commands or deleting files still prompt for approval even in the more automatic modes. You can switch between AI providers, models, and agent types from dropdown menus in the header without restarting anything, and past conversations are saved so you can browse, resume, or delete them later. Under the hood, the extension runs the opencode server as a background process and talks to it over a local connection, the visual part of the interface itself never reaches out to the network directly. Setup requires opencode itself to already be installed on your computer, plus a recent version of VS Code or a compatible editor. Install it from the extension marketplace or as a downloadable package, then open it from the editor's sidebar and it will start the opencode server for you automatically. The project is released under the MIT license.

Yoink these prompts

Prompt 1
Install opencode Studio in VS Code and connect it to my local opencode server.
Prompt 2
Show me how to attach a screenshot to my opencode chat using this extension.
Prompt 3
Explain the difference between Manual, Auto, Bypass, and Plan modes in opencode Studio.
Prompt 4
Help me switch the active model and provider in opencode Studio's header dropdown.

Frequently asked questions

wtf is opencode-studio?

A visual chat interface inside VS Code and similar editors for the terminal-only opencode AI coding agent.

What language is opencode-studio written in?

Mainly TypeScript. The stack also includes TypeScript, React, Node.js.

What license does opencode-studio use?

Use, modify, and share freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is opencode-studio to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is opencode-studio for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.