Integrations
Connect to your editor in one command
UiToolbar sends element selections to your IDE through provider servers. Pick your editor below. All providers support streaming, file diffs, and per-session undo.
Cursor
Default provider. Uses the cursor-agent CLI to send instructions directly into Cursor's AI composer.
Starts on port 5567. The extension auto-connects — no config needed. Make sure Cursor is open with your project loaded.
Claude Code
Uses the claude CLI and Agent SDK. Requires the claude command on your PATH — install Claude Code.
Starts on port 4567. Sessions stream through the side panel with the same experience as the Claude CLI.
MCP Server
Exposes UiToolbar as an MCP tool server. File resolution only — no AI built in. Connect any MCP-compatible agent (Claude Desktop, custom agents, etc.).
Starts on port 3001. Add it to your agent's MCP config:
Claude Direct (API)
Calls the Anthropic API directly from the extension. No external server needed — just an API key.
- Open UiToolbar settings in the extension toolbar
- Select Claude Direct as your provider
- Enter your Anthropic API key
Useful for quick edits without a local server, or when you want the extension to work standalone.
VS Code
Opens the source file at the correct line via the VS Code URL scheme. No server required.
Custom ports
Override the default port for any provider:
Configure the matching port in the extension's Settings panel. The extension checks default ports automatically, but custom ports need manual configuration.