Research on building frontends where AI agents (like Claude) can trigger actions and control UI state.

Working Prototype

Repository: https://github.com/uptownhr/mcp-agentic-ui

A validated prototype demonstrating AI-controllable UI using MCP + XState + Vue. Features:

  • State-dependent action discovery
  • Real-time WebSocket sync
  • Graceful shutdown handling

Documents

DocumentDescription
Claude Frontend ControlPatterns for Claude to trigger actions on web frontends
State Machine ArchitectureRedux + FSM architecture for AI-controllable UIs with observable state and action discovery
Prototype: Text DisplayWorking prototype with XState + MCP + Vue
Single MCP ServerExploration: embedding Vite dev server in MCP for unified DX

Created: 2025-12-11