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
ActivityStale
ResponsivenessNo issues
Related MCP Connectors
- mcp-serverOAuthcom.make
Give your AI agents the tools to build, manage, and run automation workflows.
Create, read and live-edit visual boards, Kanban plans, Gantt timelines and diagrams with AI agents.
Connect AI agents to financial institution origination, analytics, and compliance workflows.
Build and send email, SMS, and push straight from your AI agent.
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.204 npm104 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-