¿CON QUÉ IA?
Lo contó A quién le sirve. Equipos comerciales que investigan a una empresa antes de escribirle, y dueños de producto o diseñadores que quieren comprobar que la app se parece a sus diseños.
Qué hicieron
En el hilo, un usuario abre dos pestañas de Chrome, un archivo HTML con las maquetas y la app en vivo, y pide a Claude in Chrome que recorra ambas y escriba un documento con las diferencias de diseño y uso. Luego lleva esas notas a Claude Code para corregirlas. Otro usuario lo emplea para investigar rápido a una empresa antes de contactarla y redactar mensajes personalizados de LinkedIn y correos.
Cómo salió
La fuente los presenta como usos prácticos y repetidos, sin cifras. La única limitación es que una persona tenía que llevar los hallazgos a Claude Code para arreglarlos.
Conviene saber
Lo útil es separar los pasos: Claude in Chrome reúne las diferencias o los datos del cliente en el navegador y otra herramienta aplica los arreglos.
Qué necesitas
- Google Chrome y la extensión Claude in Chrome, con un plan de pago de Claude
- Para comparar: las maquetas (los diseños de cada pantalla) abiertas en una pestaña y la app en otra
- Para investigar a un cliente: el nombre y la web de la empresa y de la persona a la que vas a escribir
- Un documento donde guardar lo que encuentre
Cómo hacerlo tú, paso a paso
- Instala la extensión Claude in Chrome e inicia sesión con tu cuenta de Claude.
- Abre en pestañas separadas las maquetas y la app en vivo (o, para investigar a un cliente, su web y su perfil de LinkedIn).
- Abre el panel de Claude y pega el prompt de la ficha, diciéndole qué pestañas debe comparar.
- Pídele un documento con una lista ordenada de diferencias: nombre de la pantalla, lo que muestra la maqueta y lo que muestra la app.
- Revisa la lista, quita lo que no sea una diferencia real y pásala a quien vaya a corregirlo, sea un programador u otra herramienta.
- Para investigar a un cliente, cambia el prompt: pide un resumen de a qué se dedica y qué ha publicado últimamente, con ideas para abrir la conversación y un borrador de mensaje que tú editas.
Compara mi app en [dirección web] con las maquetas abiertas en mis otras pestañas, pantalla por pantalla. Escribe un documento con todas las diferencias de diseño y uso, indicando el nombre de la pantalla, lo que muestra la maqueta y lo que muestra la app. Habrás terminado cuando un solo documento cubra las [número] pantallas, ordenado por lo visibles que sean las diferencias. No cambies nada en la app.
Consejos
- Separa los pasos: Claude in Chrome reúne las diferencias o los datos del cliente y otra herramienta o persona aplica los arreglos.
- Cierra las pestañas con banco, correo o datos sensibles antes de empezar, y dile cuáles debe mirar.
- Comprueba a mano los datos de un cliente (cargo, noticias) antes de ponerlos en un mensaje.
Preguntas frecuentes
¿Puede Claude hacer clic y cambiar cosas en mi app?
Puede moverse por las páginas que le abras. Pídele explícitamente que no cambie nada y no le abras una sesión de administrador si solo vas a comparar.
¿Qué hago con un mensaje de ventas que me redacta?
Léelo como un borrador. Comprueba cada dato sobre la persona y pásalo a tu forma de hablar antes de enviarlo.
Fuentes
En el directorio desde el 5 de octubre de 2026.
technicallycurious en Substack