Tablero
Columnas con tarjetas, etiquetas, fechas y personas. Como un tablero de Trello.
Diseña widgets para cualquier agente y llévatelos a tu servidor MCP
Elige una plantilla, ajústala con una vista previa que es un host MCP Apps de verdad y expórtala con unas líneas de código. O publícala y conéctala a tu agente en un minuto.
- Sin código para empezar
- Lo que ves es lo que pinta el chat
- Tuyo: HTML y manifiesto exportables
Una conversación con tu agente
¿Cómo va el lanzamiento de la beta?
Ha usado show_kanban
Tus widgets funcionan en cualquier host de MCP Apps
- ChatGPT
- Claude
- VS Code
- Goose
- Postman
- Tu servidor MCP
Cómo funciona
De la plantilla a la conversación sin tocar el protocolo: Widgetry se encarga del servidor, la vista y la seguridad.
Elige una plantilla
Tablero, indicadores, gráficos, tabla, cuenta atrás o un globo 3D, todas con datos de ejemplo para empezar viendo algo.
Ajusta datos y diseño
Cambia los datos, el diseño y el texto. Si quieres más, el markup, los estilos, el script y el esquema están a un clic.
Mira el resultado real
La vista previa habla el mismo protocolo MCP Apps que los chats, en claro y en oscuro: lo que ves es lo que verá tu agente.
Crea tus diseños
Veinte diseños de serie, catorce de ellos inspirados en marcas conocidas, y un diseñador para hacer los tuyos. Cualquier tipo de widget se viste con cualquier diseño.
Publícalo o llévatelo
Enlázalo desde tu servidor MCP para que reciba cada cambio que publiques, descárgalo como HTML y manifiesto, o sírvelo desde el endpoint de Widgetry.
O que lo haga tu agente
Conecta tu agente al MCP de Widgetry con permiso de edición y pídeselo: crea el widget desde una plantilla, lo ajusta, lo publica y hasta te hace un diseño.
Llévatelo a tu servidor MCP
Tu servidor enlaza el widget publicado en Widgetry: una función registra la tool y su recurso ui://, y lo que publiques después le llega sin desplegar. Si prefieres no depender de nadie, descárgalo como HTML y manifiesto. Probado con el SDK oficial de TypeScript.
// Lee el widget publicado en Widgetry con una clave de lectura
import { registerKanban } from './kanban'
await registerKanban(server) // show_kanban y su recurso ui://13 tipos de widget, 20 diseños
Cada tipo funciona en cada diseño, y cada organización puede crear los suyos. Lo que ves aquí es el widget real con sus datos de ejemplo.
Tipo
Diseño: El de la casa: contorno negro, amarillo mantequilla y subrayado de rotulador en el título.
Usar plantilla
Tarjeta aurora
Un anuncio destacado con titular, cifra y botón, que cada diseño viste a su manera.
Globo 3D
Un globo en WebGL con three.js que gira solo y se arrastra, con un punto por lugar.
Usa three
El tiempo
El tiempo de un lugar con iconos SVG animados y las próximas horas; cada diseño pinta su propio cielo.
Anillos de progreso
Objetivos como anillos SVG que se llenan al aparecer, con su porcentaje.
Gráfico de área
Una serie en el tiempo como curva SVG con relleno degradado que se dibuja al entrar.
Carrusel 3D
Tarjetas en un anillo que gira en 3D con perspectiva CSS. Se para al pasar el ratón.
Cuenta atrás
Días, horas, minutos y segundos hasta un evento, que cambian en vivo con un pequeño salto.
Donut
Reparto en partes de un total, con Chart.js: se anima al entrar y responde al ratón.
Usa chartjs
Indicadores
Una fila de cifras clave con su variación frente al periodo anterior.
Gráfico de barras
Barras horizontales con su valor, ordenadas como lleguen.
Tabla
Filas y columnas con cabecera fija; las columnas las decide quien llama.
O conéctalo a tu agente en un minuto
Los widgets que publicas se sirven desde un único endpoint MCP, con la organización que elijas.
Chats que conectan con OAuth
En claude.ai, ChatGPT o cualquier cliente que lo admita, añade la URL de tu MCP como conector: te manda a Widgetry, entras con Google y eliges la organización.
Agentes de código y scripts
Claude Code, Codex, VS Code o tu propio código: crea una clave de API de lectura o de escritura y pásala en la cabecera.
url: https://…/mcp
header: Authorization: Bearer wgt_…Con tu equipo
Cada persona entra con su cuenta. Los propietarios invitan por enlace, reparten papeles de editor o lector y revocan claves cuando hace falta.
Preguntas frecuentes
¿Qué es un widget de MCP Apps?
Una interfaz interactiva que un agente pinta dentro de la conversación cuando llama a una tool de un servidor MCP: en ChatGPT, Claude, VS Code, Goose y los demás hosts del estándar abierto MCP Apps. Widgetry te da el widget hecho.
¿Necesito saber programar?
No para empezar: eliges una plantilla, cambias los datos y ves el resultado. El markup, los estilos, el script y el esquema de datos están ahí para quien quiera ir más lejos.
¿El widget es mío?
Sí. Lo normal es enlazarlo: tu servidor MCP lee el widget publicado en Widgetry con una clave de lectura y recibe cada cambio que publiques. Si prefieres no depender de Widgetry, descárgalo como documento HTML y manifiesto y regístralo con unas líneas del SDK oficial.
¿Puede mi agente crear los widgets por mí?
Sí. Conecta tu agente al MCP de Widgetry con permiso de edición, por OAuth o con una clave de escritura, y tendrá tools para crear widgets desde una plantilla, cambiar su markup, estilos y datos, publicarlos y crear diseños. Tú los ves y los retocas en el editor.
¿Y si no tengo servidor MCP?
Publica el widget y conecta el endpoint MCP de Widgetry a tu agente: los clientes que usan OAuth entran con tu cuenta y el resto con una clave de API.
¿De dónde salen los datos que enseña?
Los pone el modelo: los reúne de otras tools o de la conversación y llama a la tool del widget con ellos. El esquema de datos le dice qué tiene que mandar.
¿Puede cargar fotos de otras webs?
Sí, si declaras sus dominios en el widget. El host del chat bloquea cualquier origen que el widget no declare, y la vista previa del editor bloquea lo mismo.