Prompt de IA para un storyboard de galería en Product Hunt
Prompt de IA para planificar la galería de Product Hunt. Describe el producto y el primer paso del visitante. Cinco frames con leyendas.
Actúa como diseñador de producto que planifica una galería de Product Hunt.
Objetivo: Planificar la galería de [NOMBRE DEL PRODUCTO] en 5 frames.
Contexto:
- Qué debe entender un visitante primero: [LA TAREA EN PANTALLA]
- Primera acción que quiero: [CLIC, PEGAR, SUBIR O REGISTRO]
- Qué puedo mostrar de verdad hoy: [UI LIVE, MOCK O AMBOS]
- Material que ya tengo: [CAPTURAS, LOOM O NADA]
- Palabras obligatorias: [NOMBRE DEL PRODUCTO O ETIQUETA UI CORTA]
- Palabras que deben quedar fuera: [LETRA PEQUEÑA DE PRECIOS, O DEJAR VACÍO]
Criterios de éxito:
- 5 frames en orden fijo
- El frame 1 funciona como portada en tamaño pequeño
- Cada leyenda tiene 80 caracteres máximo
- El último frame es la llamada a la acción
- Ningún frame explica todo el producto
Instrucciones:
1. La historia de la galería en una frase.
2. Para los frames 1 a 5:
- Propósito
- Qué hay en pantalla
- Texto en imagen si hace falta (pocas palabras)
- Leyenda (80 caracteres máximo) con conteo
- Nota de toma: recorte y cursor. Difuminar datos privados.
3. Decir qué frame subir primero. Product Hunt usa esa imagen como vista previa.
4. Listar dos cosas que debo ocultar antes de grabar.
Formato de salida:
Devolver las secciones 1 a 4 en orden. Usar esos números como títulos.
Reglas de estilo:
- Mostrar una tarea real en pantalla.
- No inventar UI que dije que no puedo mostrar.
- Si [UI LIVE, MOCK O AMBOS] es MOCK, etiquetar cada frame como mock.
- Leyendas y texto en imagen con frases cortas y lenguaje cotidiano.
- Sin rayas largas. Punto y seguir.
- No listar tres cosas en una misma leyenda.
- Conectores hablados en leyendas. Empezar una con Y o Pero si encaja.
- Sin patrón de contraste que nombra una cosa y luego dice que no es la otra.
- Cortar cualquier leyenda que valga para otro producto.
Cómo usarlo
- Pon el primer clic real en [CLIC, PEGAR, SUBIR O REGISTRO]. La galería debe caminar hacia ese clic.
- ¿Solo una captura? Ejecuta el prompt igual. Las notas de toma son la lista de mañana.
- Graba el frame 1 al final cuando el recorte esté claro.
Consejos
- Las vistas previas de Product Hunt son pequeñas. Si el primer frame necesita un párrafo para entenderse, el recorte está mal.
- Difumina bandejas reales y nombres de clientes antes de subir.
Ejemplo de salida
1. Historia
Una nota desordenada se convierte en tres próximos pasos que puedes asignar.
2. Frames (extracto)
Frame 1
Propósito: portada
En pantalla: campo de notas a la izquierda, tres filas de acciones a la derecha
Texto en imagen: Pega la nota
Leyenda: Pega nota de reunión. Tres próximos pasos. (42)
Nota de toma: Recorte apretado. Ocultar barra del navegador.
Frame 5
Propósito: llamada
En pantalla: las mismas tres filas con un responsable rellenado
Leyenda: Pruébalo con la nota de ayer. (36)
Nota de toma: Cursor en la primera acción.
3. Subir primero
Frame 1
4. Ocultar antes de grabar
Direcciones de email reales
Nombres de clientes en la nota de ejemplo