opencode-vision-router

Route pasted images to a cheap vision model in opencode so a text-only main agent can work from the vision model's text output.

---

opencode attaches a pasted image to the main (text-only) model's message and drops or errors on it before any skill or subagent runs. A skill alone cannot fix this. The only reliable fix is a plugin hook that intercepts the image at the harness level, resolves it to a readable path, and lets a cheap vision model analyze it.

opencode-vision-router is a self-contained, zero-config plugin that does exactly that — and injects the vision subagent for you, so there are no separate agent or skill files to manage.

✨ Features

• 🖼️ Pasted-image routing — data: URLs, file:// paths, and absolute paths all supported.
• 📸 Multiple images — handles several pasted images in a single message, routing each one to the vision subagent.
• 💸 Cheap vision model — point it at any image-capable model (provider/model).
• 🧠 Multimodal-aware — if your main model already sees images, routing is skipped automatically. Set force to always route (e.g. to a cheaper vision model).
• 🧩 Self-contained — injects the vision subagent and system instruction at load time.
• 🔒 Safe by default — the vision subagent can read the image but is denied edit/bash/webfetch.
• ⚡ No build step — opencode runs plugins on Bun, which executes TypeScript natively.

🧠 How it works

flowchart LR
A[User pastes image] --> B[experimental.chat.messages.transform]
B -->|strip image, write temp file| C[text pointer with path]
C --> D[Main text-only agent]
D -->|system instruction| E[Task tool]
E --> F[Injected vision subagent]
F -->|read temp file| G[Cheap vision model]
G -->|text analysis| D

Loading

1. config — at load time, declare the chosen model as image-capable (modalities + attachment) and inject the vision subagent.
2. experimental.chat.system.transform — instruct the main agent to delegate any image pointer to the subagent via the Task tool.
3. experimental.chat.messages.transform — strip the image from the user message and replace it with a text pointer containing the temp-file path, so the text-only model never sees the bytes.

⚠️ This plugin relies on opencode's experimentalexperimental.chat.messages.transform and experimental.chat.system.transform hooks, which may change in future opencode versions.

📦 Installation

Add it to your opencode.json. opencode auto-installs npm plugins at startup via Bun:

{
"plugin": [
["opencode-vision-router", { "model": "opencode-go/qwen3.7-plus" }]
]
}

Then restart opencode — plugins are not hot-reloaded.

⚙️ Configuration

Option	Required	Default	Description
model	yes	—	Vision-capable model as provider/model (e.g. opencode-go/qwen3.7-plus). If omitted, routing is disabled (a warning is logged).
agent	no	vision	Name of the injected vision subagent.
tmpDir	no	os.tmpdir()	Directory under which decoded images are cached (content-hashed, reused across calls).
force	no	false	Route images to the vision subagent even when the main model is multimodal (e.g. to use a cheaper vision model). By default the subagent is skipped when the main model can already see images.

🚀 Usage examples

Basic

{
"plugin": [
["opencode-vision-router", { "model": "opencode-go/qwen3.7-plus" }]
]
}

Multiple plugins

{
"plugin": [
"@dodopayments/opencode-plugin",
["opencode-vision-router", { "model": "opencode-go/qwen3.7-plus" }]
]
}

Custom subagent name and cache directory

{
"plugin": [
[
"opencode-vision-router",
{
"model": "anthropic/claude-3-5-haiku",
"agent": "image-reader",
"tmpDir": "/var/tmp/opencode-vision"
}
]
]
}

Force routing on a multimodal main model

If your main model can already see images, routing is skipped by default. Set force: true to always route — e.g. to send images to a cheaper vision model while keeping a stronger text model as main:

{
"plugin": [
["opencode-vision-router", {
"model": "openai/gpt-4o-mini",
"force": true
}]
]
}

Consuming the plugin

opencode-vision-router is an opencode plugin and is wired up only through your opencode.json (see Installation / Configuration above). Its helper functions (image.ts, transform.ts, agent.ts) are plain, dependency-free implementation details used by the plugin itself and covered by the test suite — they are intentionally not part of the package's public API, so import them from the source tree only if you are extending the plugin, not from the published package.

🖥️ Screenshots

A pasted image is intercepted and routed to the vision subagent:

Request flow:

sequenceDiagram
participant U as User
participant M as Main agent (text-only)
participant V as vision subagent
participant L as Vision LLM
U->>M: paste image + question
M->>M: image stripped → path pointer
M->>V: Task(image path, question)
V->>L: read(path) + analyze
L-->>V: text analysis
V-->>M: text analysis
M-->>U: answer

Loading

🛠️ Development

bun install
bun test# run the test suite
bunx tsc --noEmit # type-check

Project structure

src/
index.ts # plugin entrypoint — default export only (no public re-exports)
types.ts # shared option & message types
image.ts # resolveImagePath, decodeDataUrl, extForMime
transform.ts # transformMessages, imagePointer (pure)
agent.ts # buildVisionAgentConfig, applyConfig, delegationInstruction
index.test.ts # Bun tests

🤝 Contributing

Contributions welcome! This is a small, single-purpose plugin, so the bar for patches is low.

1. Fork the repo and create a branch: git checkout -b fix/my-change.
2. Install deps and run the checks: bun install && bun test && bunx tsc --noEmit.
3. Add tests for any new behavior.
4. Keep the plugin self-contained — prefer extending the injected subagent over adding new files users must wire up.
5. Open a PR with a clear description of the problem and the fix.

Please file issues for bugs, hook-contract changes in opencode, or model-compatibility reports.

🚀 Releasing

Publishing, OIDC/Trusted-Publisher setup, and the build→dist/ flow are documented in release.md.

📜 License

MIT © opencode-vision-router contributors.