Tu tienda ya tiene la respuesta a las tres preguntas que más te importan: dónde están tus clientes, a qué hora compran y con qué palabras hablan de ti. Está toda en exportaciones que nadie abre porque son hojas de cálculo con nueve mil renglones.
Estos tres prompts convierten esas exportaciones en tableros HTML de un solo archivo que se abren en el navegador, sin servidor, sin hosting y sin instalar nada. Los corres en Codex con el CSV en la carpeta y sales con un archivo que puedes mandar por correo.
Lo importante de los tres es lo mismo: enseñan el patrón, no los números crudos. Puedes compartirlos con un socio o un proveedor sin exponer cuánto vendes.
Antes de correr nada
Necesitas Codex configurado y una carpeta de trabajo con tu CSV adentro. Si nunca lo has usado, en la guía de arranque de Codex está el setup de quince minutos.
Y necesitas exportar. Los tres archivos salen de donde ya operas: pedidos de Shopify, WooCommerce, BigCommerce, Stripe o Amazon; horarios de compra de la analítica de tu tienda o de tu plataforma de correo; reseñas de Yotpo, Stamped, Loox, Judge.me o Google.
1. Dónde viven tus clientes
Un mapa 2D interactivo de Estados Unidos con un punto por ciudad, las diez principales en rojo, con zoom, arrastre y una lista de top 10 abajo. Sin conteos de pedidos a la vista.
Sirve para decidir dónde abres punto físico, dónde metes pauta local y con qué transportista negocias.
Construye un tablero HTML autocontenido a partir del CSV de pedidos que subí. Título: "Dónde viven mis clientes".
OBJETIVO: un mapa 2D interactivo, premium, de las ciudades de envío en Estados Unidos. Usa únicamente mi CSV. No expongas conteos exactos de pedidos por ciudad en el archivo final.
DATOS: detecta automáticamente las columnas de ciudad, estado, código postal y país; soporta encabezados estilo Shopify (shipping_city, shipping_province, shipping_zip, shipping_country). Omite en silencio los renglones sin ciudad y filtra a Estados Unidos. Normaliza estados: acepta "CA" y "California", convierte a código de dos letras. Geocodifica con archivos de referencia locales descargados de fuentes públicas; NO mandes mi CSV a ninguna API externa de geocodificación. Agrupa los pedidos de una misma ciudad en un solo punto.
PRIVACIDAD: internamente puedes contar pedidos por ciudad para calcular tamaño y rango de los puntos, pero en el HTML final no incluyas campos llamados count, orders, orderCount, totalOrders ni equivalentes. Los tooltips muestran solo "Ciudad, ST" y la lista de top 10 solo rango, ciudad y estado. El único número visible del negocio es la cantidad de ciudades únicas. Antes de terminar, busca en el HTML cualquier campo de conteo y elimínalo.
MAPA: proyección tipo Albers para el territorio continental, con Alaska y Hawái como recuadros a la IZQUIERDA, escalados y acomodados; no necesitan precisión geográfica. Renderiza en un solo canvas 2D, no en miles de marcadores DOM. Dibuja solo los puntos visibles al hacer zoom o arrastrar. Nada de bucles de animación continuos: redibuja solo al interactuar, redimensionar o seleccionar, y limita el device pixel ratio para no calentar la máquina.
DISEÑO: limpio y premium. Fondo del mapa negro, territorio claro, contornos de estado sutiles, brillo suave en los puntos. Título en una sola línea. Tarjeta de estadística arriba a la derecha con SOLO el número de ciudades. Sección permanente "Top 10 ciudades" debajo del mapa, en filas tipo pastilla con insignia circular roja de rango. Responsivo.
INTERACCIÓN: arrastrar para desplazar, rueda para zoom alrededor del cursor, hover para resaltar la ciudad más cercana, clic para seleccionar y resaltar su fila del top 10, y clic en una fila del top 10 para seleccionarla en el mapa.
SALIDA: un solo archivo HTML autocontenido que abra directo en el navegador, más el script de construcción reutilizable en la misma carpeta. No incluyas el CSV crudo dentro del HTML.
REVISIÓN FINAL: título en una línea, mapa 2D, Alaska y Hawái a la izquierda, top 10 en rojo, tooltips solo con ciudad y estado, cero conteos visibles, zoom fluido, sin errores de consola.2. A qué hora compran
Un mapa de calor de las 24 horas del día ordenado por frecuencia de compra, con las tres mejores horas en podio de oro, plata y bronce.
Este es el que más se pelea con lo que dicen los blogs de marketing. El reloj de compra de tu negocio casi nunca coincide con "la mejor hora para publicar" que leíste en algún lado. Aquí decides a qué hora sale tu correo y a qué hora empujas presupuesto de pauta.
Necesitas un CSV con dos columnas: hour_0_23 y order_count, 24 renglones.
Voy a subir un CSV con dos columnas: hour_0_23 (hora en formato de 24 horas, 0 a 23) y order_count. Son 24 renglones, uno por hora. Construye un tablero HTML autocontenido de un solo archivo que abra en mi navegador.
PRIVACIDAD: usa order_count solo internamente. No muestres conteos crudos, totales de venta, ingresos, porcentajes ni tasas de conversión en ninguna parte. Quien lo vea debe ver el patrón, no los números.
LÓGICA, en orden: parsea el CSV, valida cada renglón, omite en silencio los inválidos, crea una entrada por cada hora de 0 a 23, ordena por order_count de mayor a menor, asigna rango, identifica el top 3 y usa el conteo interno solo para calcular intensidad de color.
TITULAR: "Mis clientes compran más a las [hora]", con la hora en formato de 12 horas.
PODIO: las tres mejores horas como tarjetas de oro, plata y bronce. Cada una muestra únicamente el lugar y la hora.
MAPA DE CALOR: las 24 horas en cuadrícula. Cada celda muestra hora y rango, por ejemplo "10 AM / #1". Colorea por intensidad relativa con tres niveles —Tranquila, Media, Pico— y agrega leyenda.
TOOLTIP al pasar el cursor: hora, rango, señal y franja del día. PANEL LATERAL al hacer clic: hora, rango, señal, posición, franja del día y las horas adyacentes con su rango. Sin conteos en ninguno de los dos.
ETIQUETAS DE SEÑAL: #1 señal pico; #2 y #3 primer nivel; #4 a #6 muy alta; #7 a #12 alta; #13 a #18 moderada; #19 a #24 tranquila.
FRANJAS: 12 AM a 4 AM madrugada; 5 AM a 11 AM mañana; 12 PM a 4 PM tarde; 5 PM a 8 PM noche; 9 PM a 11 PM noche tardía.
DISEÑO: fondo oscuro, paneles de vidrio esmerilado, texto claro, alto contraste, espaciado elegante, poco texto, con fondo animado tipo humo en canvas WebGL que respete prefers-reduced-motion. Evita fondos blancos, tablas crudas y paletas de arcoíris.
SALIDA: HTML, CSS y JavaScript en un solo archivo, sin dependencias externas ni CDN.
REVISIÓN FINAL: abre en el navegador, el titular muestra la hora más fuerte, el podio está completo, el mapa de calor muestra rangos y no conteos, tooltip y panel funcionan, la leyenda es visible, el texto se lee sobre el fondo oscuro, funciona en escritorio y en móvil, sin errores de consola.3. Con qué palabras hablan de ti
Un mapa de palabras flotante sobre un fondo animado. La palabra más grande es el descriptor más fuerte de tu producto. Al hacer clic en cualquiera se abre un panel con reseñas reales donde aparece esa palabra.
Este es mi favorito de los tres y el que menos gente hace. Ahí está, literal, el copy de tus anuncios y de tu página de producto, escrito por la gente que ya te compró.
Te doy un CSV de reseñas de clientes de mi marca. Ruta: [PEGA LA RUTA LOCAL COMPLETA]. Construye un tablero HTML autocontenido de un solo archivo. Usa solo este CSV. No uses datos de ejemplo, datos viejos ni de otra marca.
OBJETIVO: un mapa interactivo del lenguaje del cliente para estrategia de marketing. No es una nube de palabras genérica.
ENTRADA: detecta la columna de texto de reseña (review, review_text, body, comment, content, text). Opcionales: rating, stars, score, date, product.
PROCESAMIENTO: procesa cada renglón con texto. Pasa a minúsculas, quita puntuación, colapsa espacios, elimina palabras de menos de 3 caracteres y quita palabras vacías del español y del inglés.
FILTRO DE MARKETING (esto es lo importante): no muestres simplemente las palabras más frecuentes. CONSERVA palabras y frases cortas que describan sensación o resultado del cliente, experiencia de producto, ajuste o facilidad de uso, material o textura, calidad o durabilidad, desempeño, apariencia o estilo, versatilidad, e intención de recompra o recomendación. ELIMINA términos de envío, de atención a clientes, transaccionales, de tiempo, conectores gramaticales y nombres de producto que dominen sin aportar. Prueba cada término: ¿me ayudaría a escribir mejor copy de anuncio, de página de producto o de correo? Si no, descártalo.
EXTRACCIÓN: cuenta palabras relevantes y extrae frases de 2 y 3 palabras. Evita conceptos duplicados. Aplica revisión de negación: "no [término]" no cuenta como prueba positiva; revisa si hay "no", "nunca" o "sin" cerca.
SELECCIÓN: entre 30 y 40 términos candidatos ordenados, en cinco niveles de tamaño. El término héroe es el descriptor de marketing más frecuente, no necesariamente la palabra cruda más frecuente, y no va fijo en el código.
DISEÑO: oscuro, calmado, técnico, tipografía monocromática marfil y plata sobre fondo casi negro, con fondo de malla animada en canvas WebGL autocontenido, movimiento lento en negros, grises y blancos, y capa oscura encima para que el texto se lea. Nada de nubes de palabras de colores, tarjetas alrededor del mapa, leyendas ni texto explicativo arriba: la primera pantalla es solo el mapa. Las palabras flotan levemente, no se traslapan, crecen al pasar el cursor y se reacomodan al redimensionar. Respeta prefers-reduced-motion.
PANEL DE PRUEBA: al hacer clic en una palabra, abre un panel lateral de vidrio oscuro con la etiqueta "Prueba en reseñas", la palabra como título, en cuántas reseñas de este CSV aparece, y tres fragmentos reales con la palabra resaltada. Botón circular de cierre arriba a la derecha y cierre con Escape.
SECCIÓN DE MARKETING: debajo del mapa, un encabezado centrado en una sola línea que diga exactamente "Aquí está tu ángulo de marketing." Debajo, un párrafo conciso sobre qué sugiere este lenguaje desde marketing y una línea de copy que sirva como dirección de posicionamiento, ambos generados desde los términos de este CSV.
SALIDA: un solo archivo HTML llamado "Mapa de lenguaje de clientes.html", con CSS, JavaScript y datos procesados embebidos. Sin CDN ni paquetes externos. Sin datos crudos salvo los fragmentos de este CSV.El paso que todo mundo se salta: las reglas de privacidad de los prompts. Se ven como relleno y son la razón por la que estos archivos se pueden compartir. Un tablero con conteos crudos adentro es un documento confidencial que va a terminar reenviado en un chat. Uno que solo muestra rangos y patrones lo puedes mandar a una agencia, a un socio o a un proveedor sin pensarlo.
Cómo se actualizan y cómo se corrigen
Para refrescar: sueltas el CSV nuevo en el mismo hilo de Codex y pides que regenere con la misma especificación. El diseño se queda igual, solo cambian los datos.
Para corregir estética: no describas el problema con palabras. Toma una captura de pantalla, pégala en el chat y di qué está mal. Ajusta la paleta o el tamaño de los puntos en un par de vueltas, sin empezar de nuevo.
Y el error que sí importa: correr los tres el mismo día. Corre el segundo primero —es el más simple, dos columnas— y úsalo una semana. Si ese tablero no te hizo mover ni un horario de envío de correo, los otros dos tampoco te van a cambiar nada, y el problema no es el tablero. Es que todavía no tienes la decisión que ese dato debía alimentar.