Guías de MCP Apps
Qué son las MCP Apps, cómo poner una interfaz interactiva dentro de ChatGPT, Claude y otros agentes, y cómo llegar rápido.
Usar Widgetry
- Usar WidgetryPrimeros pasos: tu primer widget de MCP AppsTutorial de Widgetry: entra, elige plantilla y diseño, ajusta los datos, publica y ve tu primer widget de MCP Apps en un chat de verdad. Sin código.
- Usar WidgetryConecta Widgetry a tu agenteCómo añadir el servidor MCP de Widgetry a Claude, ChatGPT, Claude Code, Cursor, VS Code o Codex, con OAuth o con clave de API, y qué pedirle a tu agente.
- Usar WidgetryCrea un diseño propio para tus widgetsCrea un tema propio para tus widgets de MCP Apps en Widgetry: colores, tipografía y forma de tu marca en tokens, claro y oscuro, a mano o con un agente.
Conceptos
- ConceptosQué son las MCP AppsLas MCP Apps permiten que un servidor MCP muestre una interfaz interactiva en ChatGPT, Claude o VS Code. Cómo funcionan, su seguridad y cómo crear una.
- ConceptosQué clientes soportan MCP AppsQué hosts pintan MCP Apps a octubre de 2026: Claude, ChatGPT, VS Code, Microsoft 365 Copilot, Cursor y Goose, y qué hace Claude Code en su lugar.
- ConceptosLa CSP de MCP Apps, explicadaPor qué tu widget de MCP Apps sale en blanco: la CSP por defecto, qué abren connectDomains, resourceDomains y frameDomains y qué hacen Claude y ChatGPT.
- ConceptosTemas en MCP Apps: modo oscuro y estilos del hostTemas en MCP Apps: el tema del host, sus variables CSS y fuentes, helpers del SDK como useHostStyles y un CSS que aguanta en claro y en oscuro.
Tutoriales
- TutorialesCómo añadir una interfaz interactiva a tu servidor MCPTres formas de añadir una interfaz a tu servidor MCP con MCP Apps: a mano con ext-apps, con un framework o enlazando un widget. Paso a paso y con código.
- TutorialesCrea una MCP App en TypeScriptTutorial de MCP Apps en TypeScript desde cero: registerAppTool, registerAppResource, la clase App, el build en un solo HTML y ext-apps v1 o v2.
- TutorialesLas apps de ChatGPT ahora son plugins: crea su interfaz con MCP AppsLas apps de ChatGPT ahora son plugins y su interfaz es una MCP App. Pasa de window.openai y skybridge al estándar abierto, con tabla y código.
- TutorialesCrear widgets de MCP Apps con un agente de IAConecta Claude Code, Claude o cualquier cliente MCP a un servidor MCP para crear interfaces, y deja que el agente cree, diseñe y publique widgets.
Comparativas
- ComparativasMCP Apps vs MCP-UI vs Apps SDK de OpenAI: sobre cuál construirMCP Apps, MCP-UI y el Apps SDK de OpenAI comparados: de dónde sale cada uno, tipos MIME, CSP, API del puente, hosts y cuál usar en 2026.
- ComparativasConstructores y frameworks de MCP Apps comparados (2026)Cómo crear MCP Apps e interfaces para ChatGPT en 2026: SDK oficial, skills de agente, frameworks, inspectores, componentes y constructores visuales.