← Todos los casos de uso

Genera prototipos React desde ideas en Slack

Describa una idea en Slack y Zero usa v0 para generar un prototipo React interactivo, publicando el enlace de vista previa en el hilo instantáneamente.

Zero conecta:Slackv0

Lo que Zero entrega

Genera prototipos React desde ideas en Slack — sample output from Zero — screenshot 1

Cuál es el problema

Estás en un hilo de Slack debatiendo cómo debería funcionar una función. Alguien propone un nuevo patrón de UI: una paleta de comandos, un panel de configuración, un asistente de varios pasos. Las palabras no alcanzan. Dibujar en una pizarra no es opción. Programar una sesión de Figma pospone la decisión a la próxima semana. Describes la idea a Zero en lenguaje natural. Llama a v0, genera un prototipo React completamente interactivo y publica el enlace de vista previa en el hilo, en menos de un minuto. Todos pueden explorarlo antes de que la conversación avance.

Cómo lo resuelve Zero

Paso 1: Conecta tus herramientas

v0
v0
Obligatorio
Zero envía tu idea como prompt de generación a v0 y obtiene la URL del prototipo interactivo. Conecta tu cuenta de v0 para habilitarlo.
Conectar
Slack
Slack
Opcional
Zero lee tu idea del hilo de Slack y publica el enlace del prototipo en la misma conversación.
Conectar

Paso 2: Pregúntale a Zero

@Zero prototipar esto: una paleta de comandos que permite a los usuarios buscar agentes, ejecuciones recientes y conectores. Navegable por teclado, búsqueda difusa, muestra un panel de vista previa a la derecha.
pruébalo
Describe la idea en lenguaje natural
Sin especificaciones, sin wireframes. Dile a Zero qué debe hacer la UI: los componentes, las interacciones, los datos que muestra. Pega una descripción aproximada o simplemente improvisa desde el hilo.
Zero genera el prototipo vía v0
Zero traduce tu descripción en un prompt estructurado de v0 y llama a la API de v0. v0 produce un componente React completamente interactivo: botones reales, estados reales, navegación real.
Enlace de vista previa publicado en Slack
Zero publica la URL de vista previa de v0 en el mismo hilo. Los compañeros pueden explorar el prototipo inmediatamente, en cualquier dispositivo, sin instalar nada ni descargar código.

Paso 3: Llévalo más lejos

Refinar en el hilo
Seguir iterando sin salir de Slack
@Zero actualiza el prototipo: el campo de búsqueda debería tener un icono a la izquierda, y el estado vacío debería mostrar elementos recientes en lugar de nada.
pruébalo
Compartir para feedback asíncrono
Publicar en un canal más amplio o enviar DM a stakeholders
@Zero comparte el enlace del prototipo v0 en #product con el mensaje: 'Prototipo rápido de la idea de paleta de comandos - feedback bienvenido antes del jueves.'
pruébalo
Entregar a ingeniería
Exportar el código generado al repositorio
@Zero toma el código del prototipo v0 y abre un PR en vm0-ai/vm0 bajo turbo/apps/platform/src/components/CommandPalette.tsx para que el equipo lo desarrolle.
pruébalo

Consejos para mejores resultados

●Describe comportamiento, no solo apariencia. 'Al hacer clic en una fila se expanden los detalles debajo' genera un prototipo más preciso que 'filas expandibles'.
●Referencia patrones de UI existentes por nombre - 'como la paleta de comandos de VS Code' o 'como el menú de barra de Notion' - para anclar la generación de v0.
●Usa el prompt de iterar inmediatamente después del primer resultado. Una ronda de refinamiento generalmente te lleva al 90% del resultado.