AgentsMédio

Create MCP App

pormodelcontextprotocol·modelcontextprotocol· v1.0.0 · atualizado em 2026-04-10

Score

This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs.

mcp-appui-developmentagent-uiinteractive-uimodel-context-protocolsdk

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdcreate-mcp-app/workflow

Clone SDK Repository: — Clone the `@modelcontextprotocol/ext-apps` repository to access examples and API documentation.

Select Framework Template: — Choose a suitable framework template (React, Vanilla JS, etc.) based on project requirements.

Implement Handlers: — Register handlers (`ontoolinput`, `ontoolresult`, etc.) to manage the app lifecycle.

Handle Host Styling: — Integrate host styling using provided helper functions or React hooks.

Test with basic-host: — Use the basic-host example to test the MCP App locally.

Debug with sendLog: — Utilize `app.sendLog` to send debug logs to the host application.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aClawDirect

60%

Similar aClawDirect-Dev

60%

Similar aAnti-Detect Browser SDK

60%

Árvore do Skill

Create MCP App

create-mcp-app

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.REFLECT

Triggers8

create an MCP Appadd a UI to an MCP toolbuild an interactive MCP Viewscaffold an MCP Appguidance on MCP Apps SDK patternsUI-resource registrationMCP App lifecyclehost integration for MCP Apps

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download create-mcp-app

$ synaptic skills detail create-mcp-app

$ synaptic skills live create-mcp-app

Dependências

@modelcontextprotocol/ext-apps @modelcontextprotocol/sdk zod tsx vite-plugin-singlefile

Links

GitHub Repository