Agent Integration

Agent Support

UI Studio no longer stops at copying context. It can now directly communicate with AI coding agents:

• Claude Code (CLI) — Uses the official @anthropic-ai/claude-agent-sdk
• Cursor Agent — Integrates with Cursor IDE's built-in agent
• Claude Direct (API) — Call Anthropic's API directly from the browser

Per-Session Undo

Each agent session tracks its own changes. You can undo a specific session without affecting other sessions or uncommitted work:

• Captures git status before and after each session
• Only reverts files modified by that specific session
• New files created by the agent are deleted on undo

Real-Time Status Updates

Watch the agent work in real-time with streaming status updates:

• See which files are being read or modified
• Track progress as the agent processes your request
• Get immediate feedback on errors

Provider Architecture

New provider system for IDE integration:

• provider-cursor — Cursor IDE on port 5567
• provider-claude-code — Claude Code on port 4567
• Extensible architecture for future integrations

Getting Started

# Start Claude Code provider
UISTUDIO_CWD=/path/to/project pnpm dev:claude-code

# Or start Cursor provider
UISTUDIO_CWD=/path/to/project pnpm dev:cursor

Then select an element, type your prompt, and watch the changes happen.