El Agente Cursor ahora puede crear paneles de control: Canvas permite que la IA genere interfaces interactivas a partir de texto

NOTICIAS de ME News, 16 de abril (UTC+8), según la monitorización de 动察 Beating, se ha lanzado la función Canvas en Cursor 3.1.
El agente, después de completar una tarea, ya no solo produce código o texto en markdown, sino que puede generar directamente una interfaz interactiva en React, que incluye gráficos, tablas, vistas de diff o lógica personalizada.
Canvas existe como un artefacto persistente en la ventana de Agentes, junto a la terminal, el navegador y el control de versiones.
El cambio principal radica en la densidad de información.
Tomando como ejemplo la respuesta a incidentes: anteriormente, el agente organizaba los datos temporales de Datadog, Databricks y Sentry en tablas markdown, lo cual era difícil de interpretar y requería visualización adicional.
Ahora, el agente combina los datos de múltiples fuentes en un mismo gráfico Canvas.
El proceso de revisión de PR es similar: el agente puede agrupar cambios por importancia, generar pseudocódigo para algoritmos complejos, en lugar de desplegar todas las diferencias de forma plana.
El equipo de Cursor también ha utilizado Canvas en análisis de evaluación.
Antes, los ingenieros tenían que revisar cada solicitud por ID para identificar patrones de fallo, incluso considerando desarrollar una aplicación web independiente, pero finalmente optaron por crear una Skill en Cursor que permite al agente leer todos los rollouts, clasificar las causas de fallos y generar una interfaz de análisis interactiva.
Este flujo ha ayudado al equipo a reducir significativamente el tiempo de diagnóstico en las recientes implementaciones de nuevos modelos.
Canvas soporta extensiones personalizadas: en el Marketplace de Cursor, la Skill Docs Canvas permite que el agente genere diagramas de arquitectura interactivos para cualquier repositorio de código.
Los usuarios también pueden crear sus propias Skills para definir qué tipo de Canvas debe generar el agente.
(Fuente: BlockBeats)