MCP Apps RSC Demo
Supports UIby hybrist
Demonstration of integrating React Server Components (RSC) with MCP Apps for rich, streaming UI experiences.
What it does
This demo showcases how React Server Components (RSC) can power interactive user interfaces within MCP tool results. It demonstrates the flow of server-rendered, streaming component payloads being delivered via the Model Context Protocol.
Key features
- RSC Integration: Uses
@vitejs/plugin-rscto serve server components as MCP tool results. - Interactive UI: Implements a Greeting Card component that renders via MCP tools.
- Server Action Routing: Demonstrates routing React server actions through the MCP tool protocol.
- Streaming Payloads: Showcases the efficiency of RSC flight streams for UI delivery.
Installation
This is a demonstration repository. To run locally:
- Clone the repo
- Run
pnpm dev - Use an MCP inspector that supports
allow-forms(e.g., specific versions of MCPJam/inspector).
Supported hosts
- mcpjam
Choose your AI client and follow the steps below.
mcpjam
Run locally via pnpm dev and connect to a compatible inspector.Related Apps
FinanceToolkit
MCP ServerProfessional-grade financial analysis toolkit for equities, options, and risk management.
DiffSitter MCP
MCP ServerAI-powered structural code navigation using tree-sitter ASTs for semantic understanding across 14+ languages.
OpenAI Apps SDK Examples
MCP AppOfficial example gallery of interactive MCP widgets for ChatGPT — 3D viewers, maps, carousels, shopping carts, and more.
Human MCP
MCP ServerGive AI agents human-like senses: visual analysis, image/video generation, speech synthesis, browser automation, and advanced reasoning — 29 MCP tools in one se
Shopify MCP Server
MCP ServerDirect interaction with Shopify store data via GraphQL API for managing products, customers, and orders.
Git MCP Server
MCP ServerFull-featured Git MCP server exposing 28 tools for AI agents to clone, commit, branch, diff, merge, rebase, and more via STDIO or Streamable HTTP.
CodexPotter
MCP ServerAutonomous reconciliation loop that drives Codex to align your codebase with instructed states.
Smart Coding MCP
MCP ServerSemantic code search for AI assistants using local embeddings — find code by meaning, not just keywords.