15° and partly cloudy in Dresden right now. Light rain starts around 8 pm and gets heavier after 10 pm; it eases off by about 7 am, and Thursday stays mostly dry with a high of 12°.
MCP Apps
MCP Apps: tarjetas interactivas dentro del chat
Las MCP Apps permiten que un servidor MCP muestre una interfaz interactiva en la conversación en lugar de texto plano. Una herramienta apunta a un recurso HTML y la app de IA lo muestra en un marco aislado (sandbox).
En tu app de IAMCP App
Ravens vs crows
Ravens are generally larger and heavier-billed than crows. Ravens often have wedge-shaped tails and deeper calls, while crows commonly make a familiar caw. Size: Generally larger (Ravens), Generally smaller (Crows) Bill: Heavier, more curved (Ravens), Usually slimmer (Crows) Tail: Often wedge-shaped (Ravens), Usually fan-shaped (Crows) Call: Deep croak (Ravens), Often a caw (Crows)
Ejemplos
Lo que puede mostrar una MCP App
Son respuestas grabadas de WebKnox, mostradas por el mismo elemento <webknox-answer> que la MCP App de WebKnox. Abre cualquiera en el Answer Lab.
What is the weather in Dresden?QuioscoDe un vistazoAbrir en el Answer Lab
12 recipes for chicken pasta. The best matches: Pasta With Chicken and Mushrooms (463 kcal); Penne Pasta With Chicken And Mushrooms (834 kcal); Chicken Ragu w Rigatoni (605 kcal); Chicken Teriyaki with Soba Noodles (696 kcal); Chicken Pasta Primavera - Flower Patch Farmgirl Style (427 kcal).
“The costs of your good habits are in the present. The costs of your bad habits are in the future” — James Clear
Here's Classic Vinyl HD. https://icecast.walmradio.com:8443/classic
Ravens are generally larger and heavier-billed than crows. Ravens often have wedge-shaped tails and deeper calls, while crows commonly make a familiar caw. Size: Generally larger (Ravens), Generally smaller (Crows) Bill: Heavier, more curved (Ravens), Usually slimmer (Crows) Tail: Often wedge-shaped (Ravens), Usually fan-shaped (Crows) Call: Deep croak (Ravens), Often a caw (Crows)
4 recipes for chicken pasta (at most 700 kcal, at least 30 g protein). The best matches: Pasta With Chicken and Mushrooms (463 kcal); Chicken Ragu w Rigatoni (605 kcal); Chicken Teriyaki with Soba Noodles (696 kcal); Spicy Chicken Pasta and Peas with Sun-Dried Tomato Sauce (608 kcal).
Morgen in Berlin: Nach Regen in der Nacht bleibt es tagsüber bewölkt und weitgehend trocken, bei 9 bis 12 Grad.
Here are some pictures of northern lights. 039 Northern lights over Mývatn (Iceland) Photo by Giles Laurent (Giles Laurent, CC BY-SA 4.0): https://commons.wikimedia.org/wiki/File:039_Northern_lights_over_M%C3%BDvatn_(Iceland)_Photo_by_Giles_Laurent.jpg Maardu Northern lights — Estonia, 2022 (Maxim Bilovitskiy, CC BY 4.0): https://commons.wikimedia.org/wiki/File:Maardu_Northern_lights_%E2%80%94_Estonia,_2022.jpg Aurora borealis over Eielson Air Force Base, Alaska (United States Air Force photo by Senior Airman Joshua Strang, Public domain): https://commons.wikimedia.org/wiki/File:Aurora_borealis_over_Eielson_Air_Force_Base,_Alaska.jpg Aurora australis dancing over an LED illuminated igloo (Ross Burgener, Public domain): https://commons.wikimedia.org/wiki/File:Aurora_australis_dancing_over_an_LED_illuminated_igloo.jpg Aurora and perseids (Stephan Sprinz, CC BY 4.0): https://commons.wikimedia.org/wiki/File:Aurora_and_perseids.jpg Multicolored aurora borealis pillar over Brastad (W.carter, CC BY-SA 4.0): https://commons.wikimedia.org/wiki/File:Multicolored_aurora_borealis_pillar_over_Brastad.jpg
100 g of cooked lentils have 9 g of protein and 116 kcal, plus 7.9 g of fiber and 3.3 mg of iron.
serendipity: The happy chance of finding something good or useful by accident.
703 games for cozy farming. The best matches: Palia (rated 89, free to play); Grimshire (rated 98, $8.46); Wylde Flowers (rated 96, $16.99); Roots of Pacha (rated 90, $14.30); Pumpkin Panic (rated 96, free to play).
Today the sun sets at 6:02 PM.
A medium banana (118 g) has about 105 kcal, mostly from carbohydrates: 27 g, including 14 g of sugars. It also gives you 3.1 g of fiber and 422 mg of potassium.
23 artworks for ships at sea. The best matches: Ship at Sea (Albert Ernest Markes, 1901); Ships in a Turbulent Sea (Johannes Christiaan Schotel, 1826); Ship (from McGuire Scrapbook) (Edmund C. Coates, 1839); Oorlogsschip met volle zeilen bij een kust (anonymous, 1625); Ships and Sailors (Thomas Rowlandson, 1827).
thank you in Japanese: ありがとう
15° and partly cloudy in Dresden right now. Light rain starts around 8 pm and gets heavier after 10 pm; it eases off by about 7 am, and Thursday stays mostly dry with a high of 12°.
Playing Queen – Bohemian Rhapsody. https://www.youtube.com/watch?v=fJ9rUzIMcZQ
Pasta timer set for 8 minutes, until 14:08.
Cómo funcionan las MCP Apps
Una MCP App combina dos elementos básicos de MCP, una herramienta y un recurso. Las MCP Apps son una extensión opcional del protocolo, así que la app de IA tiene que admitirlas.
La herramienta nombra una vista
Su descripción lleva
_meta.ui.resourceUri, que apunta a un recurso ui://.La app la obtiene
La app de IA lee ese recurso de tu servidor: una página HTML, a menudo con su script y sus estilos incluidos.
Se ejecuta en un sandbox
La página se muestra en un
iframeaislado (sandbox) dentro de la conversación y no puede acceder a la app que la rodea.Se comunican con mensajes
A través de
postMessage, la app envía el resultado de la herramienta a la vista, y la vista puede llamar a herramientas o enviar un mensaje.
Qué apps de IA las muestran
La compatibilidad varía de una app a otra y cambia rápido. Aquí es donde WebKnox muestra hoy sus respuestas.
| App de IA | WebKnox muestra |
|---|---|
| Claude | Tarjeta interactiva |
| ChatGPT | Tarjeta interactiva |
| VS Code | Tarjeta interactiva |
| Goose | Tarjeta interactiva |
| Claude Code | Texto con fuentes |
| Codex | Texto con fuentes |
El proyecto MCP mantiene una lista de las apps que admiten extensiones. Su documentación también menciona Microsoft 365 Copilot, Postman y MCPJam.
Pruébalo en dos minutos
WebKnox es un servidor MCP remoto con respuestas gratis cada día y sin iniciar sesión para empezar. Añade su dirección a tu app de IA y luego pide una comparación, una previsión o una receta.
https://mcp.webknox.com/mcp
Usa las tarjetas de WebKnox en tu propia MCP App
¿Estás creando tu propio servidor MCP? Haz que una herramienta consulte la Answers API y devuelva la respuesta como structuredContent, y luego muéstrala con el elemento de WebKnox en tu vista. Obtienes tarjetas con fuentes sin escribir la interfaz.
import {registerAppTool, registerAppResource, RESOURCE_MIME_TYPE} from '@modelcontextprotocol/ext-apps/server';
const uri = 'ui://my-app/card.html';
registerAppResource(server, uri, uri, {mimeType: RESOURCE_MIME_TYPE}, async () => ({
contents: [{
uri,
mimeType: RESOURCE_MIME_TYPE,
text: viewHtml, // the bundled view below
_meta: {ui: {csp: {resourceDomains: ['https://webknox.com']}}},
}],
}));
registerAppTool(server, 'ask', {
description: 'Answers with a sourced card.',
inputSchema: z.object({question: z.string()}),
_meta: {ui: {resourceUri: uri}},
}, async ({question}) => {
const answer = await askWebKnox(question); // POST /v2/answers
return {
content: [{type: 'text', text: answer.text ?? 'No card for this question.'}],
structuredContent: answer,
};
});
<webknox-answer external-media></webknox-answer>
<script type="module">
import '@webknox/elements';
import {App} from '@modelcontextprotocol/ext-apps';
const card = document.querySelector('webknox-answer');
const app = new App({name: 'My cards', version: '1.0.0'});
app.ontoolresult = ({structuredContent}) => {
card.answer = structuredContent;
};
app.connect();
</script>
Empaqueta la vista en un solo archivo HTML, como hace la guía oficial. Las imágenes de las respuestas se cargan desde https://webknox.com, algo que la política de seguridad del recurso permite en el ejemplo.
Preguntas sobre las MCP Apps
¿Qué son las MCP Apps?
Las MCP Apps son una extensión oficial del Model Context Protocol. Permiten que un servidor MCP devuelva una interfaz HTML interactiva que la app de IA muestra en la conversación, en lugar de solo texto.
¿Cuál es la diferencia entre un servidor MCP y una MCP App?
Un servidor MCP da herramientas y datos a una app de IA. Una MCP App es un servidor MCP cuya herramienta también trae una vista, de modo que el resultado aparece como una interfaz que la gente puede usar.
¿Funcionan las MCP Apps en Claude y ChatGPT?
Sí. Las tarjetas de WebKnox se muestran en Claude, ChatGPT, VS Code y Goose. Los clientes solo de texto, como Claude Code y Codex, reciben la respuesta como texto con sus fuentes.
¿Son seguras las MCP Apps?
Se ejecutan en un marco aislado controlado por la app de IA, por lo que no pueden leer la página que las rodea ni sus cookies. Solo llegan a la app mediante mensajes, y la app decide qué pueden hacer.
¿Cuánto cuesta la MCP App de WebKnox?
Sin cuenta, cada persona tiene 10 respuestas con tarjeta al día. Claude no le dice a WebKnox quién pregunta, así que en Claude todos comparten un mismo cupo diario, que puede agotarse antes. Después, inicia sesión con una cuenta gratuita de WebKnox para tener 50 al día, o usa un plan de pago para tener más.