Note

How to configure the OpenCode Svelte plugin

https://svelte.dev/docs/ai/opencode-plugin

When you work with Svelte and SvelteKit and choose OpenCode as your harness, you can use the official @sveltejs/opencode plugin to magically configure the official Svelte MCP server and the official Svelte agent skills.

For a workspace configuration, create .opencode/opencode.jsonc in your project root:

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

OpenCode will merge your workspace configuration with its global configuration. When you restart OpenCode, the plugin is ready to use with a default configuration.

You can also customize the plugin configuration via the OpenCode TUI. Just add .opencode/tui.json:

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

After restarting OpenCode, you can use command /svelte-plugin to configure the plugin:

Screenshot of the OpenCode Svelte plugin config screen.
Svelte plugin configuration with OpenCode's TUI.

When you make a change to the configuration, OpenCode will create a svelte.json file that you should commit to your repository.