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: cartões interativos dentro do chat
As MCP Apps permitem que um servidor MCP mostre uma interface interativa na conversa em vez de texto simples. Uma ferramenta aponta para um recurso HTML e a app de IA apresenta-o numa moldura isolada (sandbox).
Na sua 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)
Exemplos
O que uma MCP App pode mostrar
Estas são respostas gravadas da WebKnox, mostradas pelo mesmo elemento <webknox-answer> que a MCP App da WebKnox. Abra qualquer uma no Answer Lab.
What is the weather in Dresden?QuiosqueNum relanceAbrir no 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.
Como funcionam as MCP Apps
Uma MCP App combina dois elementos básicos do MCP, uma ferramenta e um recurso. As MCP Apps são uma extensão opcional do protocolo, por isso a app de IA tem de as suportar.
A ferramenta indica uma vista
A sua descrição inclui
_meta.ui.resourceUri, que aponta para um recurso ui://.A app obtém-na
A app de IA lê esse recurso a partir do seu servidor: uma página HTML, muitas vezes com o script e os estilos incluídos.
Corre numa sandbox
A página é apresentada num
iframeisolado (sandbox) na conversa e não consegue aceder à app que a rodeia.Comunicam por mensagens
Através de
postMessage, a app envia o resultado da ferramenta à vista, e a vista pode chamar ferramentas ou enviar uma mensagem.
Que apps de IA as mostram
O suporte varia de app para app e muda depressa. É aqui que a WebKnox mostra hoje as suas respostas.
| App de IA | A WebKnox mostra |
|---|---|
| Claude | Cartão interativo |
| ChatGPT | Cartão interativo |
| VS Code | Cartão interativo |
| Goose | Cartão interativo |
| Claude Code | Texto com fontes |
| Codex | Texto com fontes |
O projeto MCP mantém uma lista das apps que suportam extensões. A sua documentação refere também o Microsoft 365 Copilot, o Postman e o MCPJam.
Experimente em dois minutos
A WebKnox é um servidor MCP remoto com respostas gratuitas todos os dias e sem iniciar sessão para começar. Adicione o respetivo endereço à sua app de IA e peça depois uma comparação, uma previsão ou uma receita.
https://mcp.webknox.com/mcp
Use os cartões da WebKnox na sua própria MCP App
Está a criar o seu próprio servidor MCP? Faça com que uma ferramenta consulte a Answers API e devolva a resposta como structuredContent e, depois, mostre-a com o elemento da WebKnox na sua vista. Obtém cartões com fontes sem escrever a interface.
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>
Agrupe a vista num único ficheiro HTML, como faz o guia oficial. As imagens das respostas são carregadas a partir de https://webknox.com, o que a política de segurança do recurso permite no exemplo.
Perguntas sobre as MCP Apps
O que são as MCP Apps?
As MCP Apps são uma extensão oficial do Model Context Protocol. Permitem que um servidor MCP devolva uma interface HTML interativa que a app de IA mostra na conversa, em vez de apenas texto.
Qual é a diferença entre um servidor MCP e uma MCP App?
Um servidor MCP dá ferramentas e dados a uma app de IA. Uma MCP App é um servidor MCP cuja ferramenta traz também uma vista, para que o resultado apareça como uma interface que as pessoas podem usar.
As MCP Apps funcionam no Claude e no ChatGPT?
Sim. Os cartões da WebKnox aparecem no Claude, no ChatGPT, no VS Code e no Goose. Os clientes só de texto, como o Claude Code e o Codex, recebem a resposta em texto com as respetivas fontes.
As MCP Apps são seguras?
Correm numa moldura isolada controlada pela app de IA, pelo que não conseguem ler a página que as rodeia nem os respetivos cookies. Só chegam à app através de mensagens, e é a app que decide o que podem fazer.
Quanto custa a MCP App da WebKnox?
Sem conta, cada pessoa tem 10 respostas com cartão por dia. O Claude não indica à WebKnox quem está a perguntar, por isso, no Claude, todos partilham uma quota diária comum, que pode esgotar-se mais cedo. Depois disso, inicie sessão com uma conta WebKnox gratuita para ter 50 por dia, ou use um plano pago para ter mais.