Mini AppClientes y Avatares
El Mapa de tus Avatares
Una mini app donde defines a tus clientes ideales y los ubicas visualmente según qué tanto se parecen a tu comprador perfecto.
Prompt
Crea una mini app "Mapa de Avatares". El usuario escribe el nombre de un tipo de cliente en un input y lo coloca sobre un mapa circular con el "cliente ideal" en el centro y anillos de menor afinidad hacia afuera. Cada avatar es una tarjeta arrastrable con nombre + una frase corta de su dolor principal. Al hacer clic en un avatar se abre un panel con 4 campos editables: su dolor, su sueño, qué lo hace decir NO, qué lo hace decir SÍ. Botón "Añadir avatar" arriba. Stack: React + TypeScript + Tailwind. Estética brutalista: bordes negros de 2px, fondo blanco, acento amarillo y un azul de marca puntual. Sin grises, sin sombras difusas, sin degradados. Tipografía bold/black para jerarquía. Todo el estado persiste en localStorage con una clave propia de esta mini app (no depende de ningún catálogo externo). Incluye un botón de descarga en PNG del resultado final.