F
licenseNot graded
qualityC
maintenanceEnables AI agents to create visual, interactive interfaces with diagrams, structured input forms, and persistent state management instead of text-only responses.
7
-
mcp-apps-generative-ui-showcase
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@mcp-apps-generative-ui-showcaseBook a flight from JFK to LAX on January 20th for 2 passengers"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
mcp-apps-generative-ui-showcase (Docker)
Empacotamento em container do MCP Apps Generative UI Showcase — reserve voos, hotéis, monte portfólios e gerencie um kanban dentro do chat. Cada ferramenta do servidor MCP é ligada a um app HTML/JS que a interface monta como um iframe sandbox na conversa (MCP Apps Extension, SEP-1865). Front Next.js com CopilotKit + AG-UI e um servidor MCP Node/Express que registra as ferramentas e serve os apps.
Upstream (Apache-2.0): Shubhamsaboo/awesome-llm-apps —
generative_ui_agents/mcp-apps-generative-ui-showcaseImagem:
ghcr.io/marcelofmatos/mcp-apps-generative-ui-showcaseStack Portainer:
marcelofmatos/portainer-stacks→mcp-apps-showcase/
Arquitetura da imagem
Imagem combinada node-only (um único container roda os dois processos Node):
Processo | Porta | Papel |
Next.js ( |
| UI web (exposta) — CopilotKit runtime; detém a |
MCP server ( |
| Interno — registra ferramentas e serve os apps HTML em |
O entrypoint.sh sobe o servidor MCP em background e serve o front em foreground; se qualquer
um dos dois cair, o container encerra (o orquestrador reinicia).
Related MCP server: mcp-interactive-ui-server
Variáveis de ambiente
Variável | Obrigatória | Default | Descrição |
| ✅ | — | Chave OpenAI usada pelo CopilotKit runtime (front) |
| ❌ |
| URL front→servidor MCP |
Uso rápido (Docker)
docker run --rm -p 3000:3000 \
-e OPENAI_API_KEY=sk-... \
ghcr.io/marcelofmatos/mcp-apps-generative-ui-showcase:latest
# abra http://localhost:3000Experimente um dos prompts: "Book a flight from JFK to LAX on January 20th for 2 passengers", "Create a $10,000 tech-focused portfolio", "Create a kanban board for my software project".
Build e release
Imagem publicada pelo workflow 🚀 Release and build (workflow_dispatch): calcula a
próxima versão SemVer, cria tag + release e publica em ghcr.io/marcelofmatos/mcp-apps-generative-ui-showcase
com as tags x.y.z, x.y, x e latest. Build local:
docker build -t ghcr.io/marcelofmatos/mcp-apps-generative-ui-showcase:dev .Licença
Código da aplicação sob Apache-2.0 (do upstream awesome-llm-apps). Ver LICENSE.
This server cannot be deployed
Maintenance
ActivityInactive
ResponsivenessNo issues
Related MCP Connectors
Build and run agents and automations across hundreds of apps using natural language.
- mcp-serverOAuthcom.make
Give your AI agents the tools to build, manage, and run automation workflows.
Booking gateway for AI agents — discover events, movies & hotels, hand off to partner checkout.
Give AI assistants access to real-time data. Search the web, compare flights, find hotels, and more.
Related MCP Servers
- AlicenseAqualityDmaintenanceEnables AI agents to render interactive user interfaces such as forms, dashboards, charts, tables, and wizards directly in MCP-compatible clients. Supports structured data collection and richer interactions beyond text responses.6MIT
- AlicenseAqualityBmaintenanceEnables AI agents to plan trips by searching flights, accommodations, and activities, and managing itineraries collaboratively with role-based permissions.206 npm26 PyPI1MIT
- FlicenseAqualityCmaintenanceEnables AI assistants to generate production-ready, professional UI design systems and components from simple descriptions, with real images, animated components, and automated quality checks.16-