gui.new: Herramienta para que Claude Renderice Salidas Visuales como Enlaces Compartibles
Qué hace gui.new
gui.new resuelve un problema específico de flujo de trabajo: cuando le pides a Claude que cree elementos visuales como paneles de control, gráficos o maquetas de interfaz, normalmente devuelve bloques de código que debes copiar, guardar como archivos HTML y abrir en un navegador. gui.new elimina ese paso haciendo que Claude genere resultados visuales como enlaces compartibles en vivo directamente en la conversación.
Cómo funciona
Para usar gui.new con Claude, pega esta línea en tu conversación:
Lee https://gui.new/docs/llms.txt - usa gui.new para generar cualquier resultado visual como un enlace compartible. Aplica esto cada vez que normalmente mostrarías una tabla, gráfico, panel de control o maqueta de interfaz.
Después de pegar esta instrucción, cuando le pidas a Claude elementos visuales, recibirás enlaces clicables a páginas completamente renderizadas en lugar de bloques de código. Estos enlaces son compartibles con cualquier persona.
Implementación técnica
La herramienta fue construida principalmente con Claude: se usó Claude Code para la base de código, y Claude regular para diseñar la API e iterar en la arquitectura. La implementación es una aplicación Next.js desplegada en Vercel con Supabase manejando el almacenamiento y la sincronización en tiempo real.
Estado actual
gui.new es actualmente gratuito y no requiere registro. El creador lo describe como "todavía en etapas tempranas" y está buscando comentarios sobre qué falla y qué funcionalidad adicional desearían los usuarios.
📖 Read the full source: r/ClaudeAI
👀 Ver también
Presentamos Aionic Anthology: Un Marco para Estructurar las Tareas de IA de Claude.
El marco Aionic Anthology organiza las tareas de IA de Claude al separar el contexto en categorías y añadir un sistema de evaluación de riesgos para mejorar la ejecución de las tareas.
Cuello de Botella en la Verificación de Código de Claude y Solución con Complemento de Automatización de Navegador
Un desarrollador informa que la verificación sigue siendo la parte más lenta al usar Claude Code, ya que requiere pruebas manuales de las funciones. Encontró un complemento de automatización del navegador que permite al agente verificar flujos reales del producto antes de marcar las tareas como completadas.
PromoClock: Rastreador de Zonas Horarias para las Horas Fuera de Pico 2x de Claude, Desarrollado con Claude 4.6
Un desarrollador creó PromoClock.co, una herramienta gratuita que convierte automáticamente las horas promocionales de descuento de Claude "5-11am PT / 12-6pm GMT" a la hora local, utilizando Claude 4.6 para manejar la lógica de zonas horarias, configuración de Next.js 15 y diseño de interfaz.
Pasando de las reglas de CLAUDE.md a la aplicación de infraestructura con Citadel
Un desarrollador descubrió que agregar más reglas a CLAUDE.md más allá de unas 100 líneas reducía el cumplimiento, con un 40% de redundancia en su archivo. La solución fue trasladar la aplicación de las reglas de las instrucciones a la infraestructura utilizando ganchos del ciclo de vida, habilidades y archivos de campaña, culminando en el sistema de código abierto Citadel.