F
licenseNot graded
qualityD
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
- AlicenseNot gradedqualityCmaintenanceEnables LLM chat interfaces to load and interact with interactive UI components (MUPs) such as slides, PDF readers, and sound pads, allowing both users and the LLM to operate them through function calls.11MIT