Back to Apps
MCP Dynamic UI Rendering PoC
Supports UIby alexdunne
Proof-of-concept that generates bespoke React JSX interfaces on-the-fly using an LLM instead of static build-time UIs.
0 stars
1 views
Works in:claude
Exposes:ToolsResources
What it does
This MCP App renders a dynamic user interface generated in real-time by a UI Agent. Instead of a predefined dashboard, the server asks an LLM to generate the most appropriate React component for the specific data being returned, which is then rendered live in the browser.
Key features
- Real-time JSX Generation: Uses GitHub Copilot SDK to generate Chakra UI components on the fly.
- Live Rendering: Employs
react-liveto compile and execute generated code in a sandboxed environment. - Context-Aware UI: The interface adapts based on the user's intent and the shape of the data.
- Chakra UI Integration: Deep integration with Chakra UI v3 for polished, professional components.
Installation
This is a PoC and requires a local setup:
- Clone the repo and run
npm install. - Run
npm run buildto generate themcp-app.htmlbundle. - Run
npm run serveto start the MCP server on port 3001.
Supported hosts
- Basic Host (MCP-compatible hosts supporting the ext-apps spec)
Quick install
npm run serveInformation
- Pricing
- free
- Published
- 5/28/2026
- stars
