🎞️ El feedback que nadie dio
Herramientas como PostHog y Hotjar ofrecen grabaciones de sesión (session replays): puedes ver, como si fuera un video, a un usuario navegando por tu producto. Dónde hizo clic, dónde se detuvo, dónde volvió, dónde abandonó.
💳 Un hábito de las grandes empresas
Durante los primeros meses, el equipo de Stripe observaba el uso que sus clientes hacían del producto, uno por uno, para encontrar cada punto de dolor. No es un hábito exclusivo de las grandes empresas; es lo que hicieron al principio las empresas que tuvieron éxito.
Muchos errores solo aparecen así: un botón que falla con un doble clic, un formulario que desaparece en un celular específico, un usuario que intenta algo que nunca imaginaste.
✓ Qué buscar en las grabaciones
- ✓Clics repetidos en el mismo punto (algo no respondió).
- ✓Desplazamiento hacia arriba y hacia abajo (la persona está perdida).
- ✓Salida justo después de un paso específico.
✗ Cuidados
- ✗Registrar campos sensibles sin enmascararlos.
- ✗No informar sobre la recopilación en la política de privacidad.
- ✗Ver una grabación y generalizar para todas.
💡 Consejo práctico
Es posible crear tu propia herramienta de grabación con IA, pero las herramientas consolidadas siguen siendo más confiables y tienen un plan gratuito. Reserva tu energía para tu producto.
⚙️ El comando /product-feedback
Hoy, en vez de ver cada grabación, un modelo multimodal rápido (como las versiones Flash de Gemini) puede verlas todas y decirte dónde la experiencia es confusa y en qué puntos las personas no llegan al clic deseado en menos de diez segundos. Después, un agente de código como Claude Code convierte ese diagnóstico en un plan de corrección.
Copia y ejecútalo
Crear la skill /product-feedback en Claude Code. Guárdala como .claude/skills/product-feedback/SKILL.md en la carpeta del proyecto.
---
name: product-feedback
description: Analiza grabaciones de sesiones recientes y genera un plan para corregir la experiencia del usuario.
---
# /product-feedback
Objetivo: descubrir dónde se traban los usuarios, aunque nadie se haya quejado.
1. Descarga las <N, por ejemplo: 30> grabaciones de sesión más recientes de <PostHog | Hotjar>
usando <la API/CLI de la herramienta, con la clave en .env>. Omite las sesiones de menos de 10 s.
2. Para cada grabación, pídele al modelo de video <por ejemplo: Gemini Flash> un resumen con:
- objetivo aparente del usuario;
- dónde dudó (clics repetidos, búsquedas al desplazarse, pausas largas);
- si llegó al resultado principal en menos de 10 segundos;
- dónde salió.
3. Agrupa los problemas por pantalla y ordénalos según la cantidad de sesiones afectadas.
4. Lee el código de las pantallas más problemáticas en <carpeta del front-end> y escribe
PLANO-FEEDBACK.md con: problema, evidencia (cuántas sesiones), causa probable,
cambio propuesto, archivo que se modificará, cómo medir si mejoró.
5. NO modifiques el código. Detente y muéstrame el plan para que lo apruebe.✓ Déjaselo a la IA
- ✓Ver y resumir decenas de grabaciones.
- ✓Agrupar problemas por pantalla.
- ✓Proponer cambios e indicar archivos.
✗ Déjalo en tus manos
- ✗Aprobar los cambios en el producto.
- ✗Decidir qué es prioritario para el negocio.
- ✗Verificar que las grabaciones respeten la privacidad.
⚠️ Costo y privacidad
Enviar videos a un modelo externo tiene un costo por uso e implica enviar datos de navegación fuera de tu entorno. Usa grabaciones con campos enmascarados, limita el número de sesiones por ronda y confirma que tus términos de uso permitan este procesamiento.
🧭 Copia el onboarding de quienes ya facturan
El onboarding es la incorporación del usuario al producto: desde el primer acceso hasta el momento en que entiende cómo funciona y empieza a usarlo. Los productos que generan ingresos ya han perfeccionado esa incorporación con muchas pruebas. En vez de empezar de cero, estudia lo que hacen.
Cómo estudiar un onboarding
Encuentra quién genera ingresos de verdad
Hay sitios que muestran productos con ingresos verificados mediante la integración con el medio de pago. Los ingresos indican que la experiencia de incorporación funciona.
Recorre todo el proceso de incorporación
Crea una cuenta y úsala por primera vez. O pídele a un agente con uso de computadora (Codex tiene un navegador integrado) que lo haga y registre cada pantalla.
Anota qué es diferente
El orden de las preguntas, qué se pide y cuándo, los textos de los botones y lo que aparece justo después del registro.
Adapta, no clones
Adopta el principio, no el diseño. Lo que funciona para su público puede necesitar ajustes para el tuyo.
⚠️ Por qué no pedir simplemente «haz un buen onboarding»
Si le pides al modelo un onboarding sin darle referencias, te entrega el promedio de lo que vio durante el entrenamiento. El promedio no es lo que mejor convierte; es solo lo más común. Las referencias reales llevan el resultado por encima del promedio.
💡 Consejo práctico
Ten cuidado con las plataformas públicas de métricas: mostrar tus ingresos en un sitio abierto también avisa a quienes podrían copiarte. Estudia a los demás, pero piensa bien antes de hacer públicos tus números.
🖌️ Diseño sin inflar la configuración
Una recomendación común es «instala estas siete skills de diseño para que tu app no parezca hecha por IA». El resultado suele parecer... hecho por IA. Peor aún: cada skill tiene un estilo y, cuando el agente usa tres a la vez, los paradigmas de diseño chocan. La configuración queda recargada y el aspecto, confuso.
21st.dev
Galería de componentes de interfaz: fondos, bordes, tarjetas y botones. Útil para ver patrones visuales.
whatships
Videos de lanzamiento de productos. Referencia para el video de marketing de tu sitio.
Awwwards
Sitios premiados del mes y del año. Tipografía, diseño e interacción por encima del promedio.
Copia y ejecútalo
Pídele a un agente con navegador (Codex con uso de computadora o Claude con navegador) que estudie referencias y proponga una guía visual para tu producto.
Usa el navegador para estudiar referencias de diseño. NO instales skills, plugins ni paquetes.
Mi producto: <frase de posicionamiento de una línea>
Público: <quién lo usa>
Sensación deseada: <por ejemplo: confiable y tranquilo | rápido y audaz>
1. Abre https://21st.dev y recorre los componentes (fondos, bordes, tarjetas, botones).
Anota 5 que encajen con el producto y explica por qué.
2. Abre https://whatships.com, mira 3 videos de lanzamiento de productos similares
y describe cuadro por cuadro qué hace que cada uno sea claro en menos de 2 minutos.
3. Abre https://www.awwwards.com (sitios del mes/año), recorre 3 sitios hasta el final y anota:
tipografía, posición de los botones, ritmo del desplazamiento y qué es inusual.
4. Escribe GUIA-VISUAL.md con: paleta, 2 fuentes, 5 componentes elegidos,
estructura de la página de inicio y guion de un video de 60 s.
5. Justifica cada elección según el público y la sensación deseada.💡 Valor por desplazamiento
Al revisar tu página, pregúntate en cada pantalla de desplazamiento: «¿qué aprendió la persona aquí?». Minimalista no significa vacío; cada desplazamiento debe aportar valor.
👥 Usuarios simulados con subagentes
Un subagente es un agente de IA que el agente principal crea para encargarse de una tarea aparte, con instrucciones propias. Puedes crear varios, cada uno con una persona: un perfil de usuario con distinta edad, rutina, paciencia y experiencia.
Copia y ejecútalo
Ejecutar un panel de 4 usuarios simulados en Claude Code sobre tu página o app.
Crea 4 subagentes, uno para cada persona a continuación. Cada uno debe analizar
<URL de la página | carpeta del proyecto> desde su propio punto de vista, de forma independiente.
Personas:
1. <Nombre>, 55 años, <profesión>, usa el celular para casi todo, desconfía de pagar en línea.
2. <Nombre>, 20 años, TDAH, probó 100 productos en la última semana, decide en 10 segundos.
3. <Nombre>, gerente que aprueba la compra: quiere costos, seguridad y retorno claros.
4. <Nombre>, especialista técnico escéptico: busca fallas y promesas exageradas.
Cada subagente responde:
- En 10 segundos, ¿entendí de qué se trata? (sí/no + qué creí que era)
- Qué me haría salir de la página.
- Qué me haría pagar.
- La frase exacta que cambiaría.
Después, consolida todo en PAINEL-PERSONAS.md: puntos en los que 3 o más coinciden,
diferencias importantes y los 5 cambios de mayor impacto, en orden.⚠️ Una simulación no es validación
Las personas simuladas ayudan a encontrar problemas obvios antes del lanzamiento. No sustituyen a personas reales que pagan. Úsalas para mejorar el producto, no para concluir que va a funcionar.
🌐 Multitudes sintéticas y criterio
Hay herramientas, como Mirofish, que crean cientos o miles de agentes, cada uno con un pequeño prompt de sistema que describe quién es. Juntos, simulan compradores de un mercado y dicen qué pensarían de tu producto, tu página o tu anuncio.
📊 La prueba que genera confianza: el backtest
La gente ha usado estas herramientas para una prueba sencilla: tomar las últimas 10 publicaciones de un perfil y pedirle a la multitud sintética, con el público de ese perfil, que diga cuál tendría más éxito. En muchos casos, señala la publicación que realmente se volvió viral.
Si la simulación acierta sobre el pasado, ganas algo de confianza para usarla en decisiones futuras: qué título probar, qué página publicar, qué oferta hacer.
✓ Usa la simulación para
- ✓Elegir entre versiones de un título o una página.
- ✓Encontrar objeciones antes de gastar en anuncios.
- ✓Ver cómo reaccionan distintos públicos.
✗ No uses la simulación para
- ✗Concluir que el producto se va a vender.
- ✗Prescindir de hablar con clientes reales.
- ✗Justificar una decisión que ya habías tomado.
🧭 Cierre: el criterio es el juego
Todo lo que este curso mostró está al alcance de cualquiera hoy: construir, diseñar, simular, analizar. Precisamente por eso, nada de eso te diferencia por sí solo.
Lo que te diferencia es el criterio: saber si vale la pena construir algo, para quién, durante cuánto tiempo y cómo llegar a esas personas. En un mundo donde se puede construir cualquier cosa, ese criterio es todo el juego.
💡 Próximo paso práctico
Toma el producto o la idea en la que estás trabajando y sigue este orden: la frase de una línea (3-2), el panel de personas (3-3) y el plan de distribución para las primeras 100 personas (3-1). En una tarde tendrás las tres respuestas por escrito.
🧪 Prueba rápida del módulo
Tres preguntas. Haz clic en una opción para ver la respuesta.
1. ¿Por qué son valiosas las grabaciones de sesiones?
2. ¿Cuál es el problema de instalar varias skills de diseño al mismo tiempo?
3. ¿Cuál es la única validación definitiva de un producto?