OpenCode, beside a live canvas.
midcode runs OpenCode beside a live canvas of your site, with whichever models you’ve configured in it. The element you click becomes context for the prompt, every file OpenCode changes shows on the canvas as a diff you can undo, and the last adjustments are a click instead of a prompt.
Free for 3 days, no card. Then one payment, yours for life.
- Status
- Available
- Account
- Your own OpenCode setup
- Runs
- Chat, or OpenCode in a terminal
- Changes
- Diffs you can undo
01/What you can do
What midcode does with OpenCode.
Point instead of describing
Click an element and its file and line go into the prompt as a reference.
Your models
OpenCode’s model and mode options are pickers in the prompt bar.
Every change is a diff
Each file it writes goes into the history and the Publish list.
Finish by hand
Change spacing, copy and color on the canvas, without another round trip.
02/How it works
Three steps. No new workflow.
Step 1: Open your project
midcode starts OpenCode in your project folder.
Step 2: Point and ask
Select an element, write what you want, send.
Step 3: Review and publish
Check the changed files, commit and push.
03/FAQ
OpenCode questions. Short answers.
No. OpenCode runs with the providers and keys you set up in it. midcode only starts it and shows what it does.
04/Goes with
The rest of your stack.
Try midcode with OpenCode.
Download midcode, point it at your project folder and click something. Three days free, no card, nothing added to your code.