OpenCode Design Lab

An OpenCode plugin that registers a primary design agent and model-specific subagents to generate and review designs directly to Markdown files.

GitHub: https://github.com/HuakunShen/opencode-design-lab

Overview

Design Lab uses a file-first, multi-model workflow:

Dynamic model mapping: Subagents are created from your config
Correct model usage: Each subagent is bound to its configured model
File-first outputs: Designs and reviews are written to disk, not chat
Cross-review: The same model set reviews all designs in a single report

Installation

From Source

git clone https://github.com/HuakunShen/opencode-design-lab.git
cd opencode-design-lab
bun install
bun run build

Add to your OpenCode config (~/.config/opencode/opencode.json):

{
  "plugin": ["opencode-design-lab"]
}

Configuration

Create ~/.config/opencode/design-lab.json or .opencode/design-lab.json:

{
  "design_models": ["claude-sonnet-4", "gpt-4o", "gemini-3-pro"],
  "review_models": ["claude-opus-4", "gpt-5-2"],
  "base_output_dir": ".design-lab",
  "design_agent_temperature": 0.7,
  "review_agent_temperature": 0.1
}

Option	Type	Default	Description
`design_models`	`string[]`	Required	Models for design generation (min 2)
`review_models`	`string[]`	`design_models`	Models for reviews
`base_output_dir`	`string`	`.design-lab`	Base directory for outputs

Usage

1. Generate Designs

Use the designer agent:

Ask all designer_model subagents to design a deepwiki clone.
Output each design as a Markdown file with the model name as the filename.

2. Cross-Review

Now ask the same set of models to review all designs.
Each reviewer outputs one Markdown report comparing all designs at once.

Output Structure

.design-lab/YYYY-MM-DD-topic/
├── designs/
│   ├── claude-sonnet-4.md
│   ├── gpt-4o.md
│   └── gemini-3-pro.md
└── reviews/
    ├── review-claude-opus-4.md
    └── review-gpt-5-2.md

Development

bun run build      # Build the plugin
bun run dev        # Watch mode
bun run test       # Run tests
bun run format     # Format code

An OpenCode plugin for multi-model design generation and review workflows.

OpenCode Design Lab

On this page