OpenCode has a [plugin system](https://opencode.ai/docs/plugins/) that allows developers to add MCP servers, agents and commands programmatically. Svelte has an OpenCode plugin published under `@sveltejs/opencode`.

## Installation

With OpenCode 1.3.4 or newer, install the plugin from the command line:

```sh
opencode plugin @sveltejs/opencode
```

Alternatively, edit your [OpenCode config](https://opencode.ai/docs/config/) (either the global or the local one) and add `@sveltejs/opencode` to the list of plugins:

```json
{
	"$schema": "https://opencode.ai/config.json",
	"plugin": ["@sveltejs/opencode"]
}
```

That's it! You now have the Svelte [MCP server](mcp), [skills](skills), and the `svelte-file-editor` [subagent](subagent) configured for you.

### TUI configuration

The package also includes a TUI plugin for configuring these features interactively. Add `@sveltejs/opencode` to your global or project-local `tui.json`:

```json
{
	"$schema": "https://opencode.ai/tui.json",
	"plugin": ["@sveltejs/opencode"]
}
```

Restart OpenCode, then run `/svelte-plugin` or select 'Configure Svelte plugin' from the command palette. Choose whether to edit the project or global configuration, then use the checkboxes and radio options to configure the plugin. Changes are saved automatically, and 'Revert changes' restores the values from when the dialog was opened.

## Configuration

By default, everything is enabled. The TUI plugin writes the same configuration files that you can create or edit manually:

- locally, in `.opencode/svelte.json`
- globally, in `~/.config/opencode/svelte.json` (or, if you have specified the environment variable, in `$OPENCODE_CONFIG_DIR/svelte.json`)

```json
{
	"$schema": "https://svelte.dev/opencode/schema.json",
	"mcp": {
		"type": "remote", // or "local" — defaults to remote
		"enabled": true
	},
	"subagent": {
		"enabled": true,
		"agents": {
			"svelte-file-editor": {
				"model": "<other-model>", // defaults to the same as main agent
				"temperature": 1, // defaults to unset
				"top_p": 0.7, // defaults to unset
				"maxSteps": 20 // defaults to unlimited
			}
		}
	},
	"skills": {
		// this can be `true`, or an array of skills to enable
		// e.g. ["svelte-core-bestpractices"]
		"enabled": true
	},
	"instructions": {
		"enabled": true
	}
}
```