Architecture
VS Code Extension Host
HyperMcpServer (HTTP :random-port)
AST Tools (6)
insert, delete, styles, props...
Component Tools (3)
tree, props, inject IDs
Tailwind Tools (3)
styles, colors, tokens
Extension Tools (8)
selection, screenshots, nav...
Internal Services (direct access)
AstService
ComponentService
StateHub
DiagnosticHub
PreviewPanel (screenshots) · EditorBridge (navigation)
AI Agents (external)
VS Code Copilot
Claude Code
Codex / OpenCode
Continue / Cline
Copilot: registerMcpServerDefinitionProvider
Claude/Codex/OpenCode: Setup MCP command
All: HTTP POST http://127.0.0.1:<port>/mcp
Smart Defaults
resolveFilePath(stateHub, filePath?)
All tools default to active component → no stale references
Screenshot Pipeline
MCP → PreviewPanel → webview → iframe → html2canvas
Saves PNG to /tmp, returns base64 + file path