Open Generative UI Adds MCP Server for Rich AI Visual Components

CopilotKit🪁

Mar 21, 2026 · Updated Apr 25, 2026

CopilotKit's Open Generative UI now ships an MCP Server exposing its generative UI system — charts, diagrams, and animations — to any MCP-compatible client. Agents in Claude Desktop, Claude Code, or Cursor can render rich interactive visuals inside any application.

Open Generative UI, an open-source showcase by CopilotKit for building rich, interactive AI-generated UI with LangGraph, added a standalone Model Context Protocol (MCP) server. It exposes three capabilities: an assemble_document tool that wraps HTML fragments with the full design system into an iframe-ready document, skill resources for browsing visualization instructions, and prompt templates for widgets, SVG diagrams, and advanced visualizations.

This brings generative UI — agents producing live interactive components instead of plain text — to any MCP-compatible workflow. A LangChain agent can receive a technical document and render an interactive diagram on demand. The server connects via stdio for Claude Desktop or HTTP for Claude Code and Cursor.

Point any MCP-compatible agent at the Open Generative UI server to generate interactive charts, diagrams, WebGL animations, or algorithm visualizations from prompts — the assemble_document tool handles the HTML wrapping and theming.

View the full update on github.com

CopilotKit🪁

@CopilotKitMar 20

The Open Generative UI repo just got an MCP Server 💥 This lets you bring generative UI to your agents inside any application. See how a @LangChain agent turns a technical document into a beautiful, custom diagram with the Open Generative UI MCP. Code: https://t.co/Cv0OqUk35m https://t.co/TTXgksyOX6

View on X

Every HeadsUpAI update is written based on its original source and reviewed before it's published. Read our editorial standards →

Keep reading

CopilotKit Launches MCP Server to Equip Coding Agents With Framework Expertise

CopilotKit released a dedicated Model Context Protocol server that provides AI coding agents with direct access to its APIs and best practices. By connecting tools like Cursor and Claude Code to this server, developers can eliminate hallucinations and ensure AI-generated code follows official implementation patterns.

ClaudeFeb 18

Claude Code Now Pushes UI Screens Directly to Figma via MCP

Claude Code can now push your UI code into Figma as design frames - prompt it to visualize your screens and each one lands on the Figma canvas. The updated Figma MCP adds this code-to-Figma path, completing a bidirectional workflow.

Unity for GamesMar 15

Unity AI Beta Connects Third-Party AI Agents via MCP Server

Unity AI Beta adds MCP Server support, letting AI agents like Claude Code and Cursor connect directly to the Unity Editor from any IDE. Developers can now automate scene creation, asset management, and code generation through their preferred coding agent.

falMar 20

fal Launches MCP Server Connecting AI Agents to 1,000+ Generative Models

fal launched an MCP server giving AI assistants like Claude, Cursor, and Windsurf direct access to 1,000+ generative AI models — image, video, audio, and 3D. Assistants handle model discovery and execution automatically from a single conversation turn.