Lo más fácil: que tu IA te guíe
Guarda esta guía con el botón Guardar PDF de arriba (o copia el enlace de esta página), ábrela en Claude Code, Cowork o Codex y pega este prompt. Un chat normal de Claude también sirve, solo te va diciendo qué hacer.
Te adjunto la guía "Convierte tu empresa en un videojuego con Claude". Soy principiante y no sé programar. Acompáñame un paso a la vez: primero hazme las preguntas sobre mi negocio que necesita el prompt de la guía, llénalo con mis respuestas y luego crea el panel. Explícame en una frase qué haces antes de hacerlo y espera a que te confirme cuando un paso dependa de mí. Si algo falla, arréglalo antes de seguir.Qué necesitas
- Una cuenta de Claude en claude.ai. El plan gratis crea este tipo de paneles; si se corta a la mitad, Claude Pro (20 USD al mes) te da más uso.
- Los datos de tu negocio: nombre, a qué te dedicas y las etapas por las que pasa un cliente.
- Tiempo: unos 15 minutos.
Paso 01 Anota las etapas de tu negocio
Es lo único que tienes que pensar tú. Escribe, en orden, por dónde pasa un cliente desde que te contacta hasta que paga. Cada etapa será un edificio de la ciudad.
- Una distribuidora de alimentos: Pedidos → Bodega → Despacho → En ruta → Entregado → Cobro
- Una inmobiliaria: Consultas → Visitas → Ofertas → Firma de contrato → Entrega de llaves
- Una agencia de marketing: Prospectos → Reunión → Propuesta → Cliente activo → Renovación
Agrega una o dos áreas de apoyo que no son etapas, por ejemplo Seguimiento o Soporte.
Paso 02 Pega el prompt en Claude
Entra a: claude.ai y abre un chat nuevo.
Cambia todo lo que está entre [corchetes] con los datos de tu negocio y pégalo completo.
El prompt del videojuego:
Convierte mi empresa en un videojuego: un panel de control con forma de ciudad vista en diagonal (isométrica), en un solo archivo HTML que se abra en el navegador, sin librerías externas.
MI EMPRESA
- Nombre: [NOMBRE DE TU EMPRESA]
- A qué se dedica: [UNA FRASE, por ejemplo "distribuidora de alimentos para tiendas de barrio"]
- Etapas por las que pasa un cliente, en orden: [por ejemplo Pedidos → Bodega → Despacho → En ruta → Entregado → Cobro]
- Áreas de apoyo: [por ejemplo Seguimiento, Soporte]
LA CIUDAD
- Dibújala en canvas con vista isométrica 2.5D. Una plataforma clara que flota sobre el fondo, cruzada por calles con línea punteada en cuadrícula.
- Cada etapa es un edificio sin techo, con el piso, dos paredes bajas al fondo y el interior a la vista. Encima de cada uno, un cartel inclinado con el nombre en mayúsculas y un contador.
- Amuebla cada edificio según lo que se hace ahí, por ejemplo escritorios con monitores encendidos, recepción con sillones, estanterías con cajas, mesa de reuniones o una plaza con bancos y plantas.
- Pon un empleado sentado en cada área.
- Los clientes son muñequitos que entran por un arco, caminan por las calles de edificio en edificio, se quedan unos segundos en cada etapa y siguen a la siguiente. Algunos se desvían a Seguimiento y vuelven. Al final salen por el otro extremo.
- La camiseta de cada muñequito toma el color de la etapa en la que está. Cada etapa tiene su color, todos de una misma paleta sobria.
- Agrega árboles redondos repartidos. Respeta la profundidad, lo que está adelante tapa a lo que está atrás.
LA PANTALLA
- Marco oscuro azul marino alrededor de la ciudad, que va en tonos claros.
- Arriba, logo, nombre de la empresa, un indicador "En vivo" que late y un reloj con la hora real.
- Una fila de indicadores que suben solos a medida que los clientes avanzan, por ejemplo [consultas de hoy, cotizaciones enviadas, ventas cerradas y facturado hoy].
- Abajo a la izquierda, un listado de eventos en tiempo real, por ejemplo "Nuevo pedido por WhatsApp", "Cotización #1043 enviada", "Venta cerrada por $ 420.000".
- Al tocar un edificio, se resalta y aparece una tarjeta con personas adentro, total de hoy, tiempo promedio y un estado ("Fluido" o "Cargado").
- Se puede arrastrar para moverse y hacer zoom con la rueda o con dos dedos. Dos botones, "Vista general" y "Recorrido"; el recorrido mueve la cámara con suavidad de edificio en edificio.
- Que se vea bien en el celular en vertical.
Usa datos simulados y que se vea vivo desde el primer segundo, con gente ya repartida en los edificios. Al terminar, dime cómo abrirlo.Claude te muestra el panel funcionando al lado del chat en un par de minutos.
Paso 03 Ajústalo a tu gusto
Sigue en el mismo chat y pídele cambios en palabras normales, uno a la vez.
Para que se parezca más a tu negocio:
Cambia los muebles de cada edificio para que se parezcan a lo que pasa en mi negocio: [por ejemplo en Bodega estanterías con cajas y montacargas, en En ruta camiones que salen por la calle].Para poner tus números reales:
Te adjunto mi hoja de [pedidos / ventas / clientes]. Reemplaza los datos simulados por estos: que los indicadores, los contadores de cada edificio y los eventos salgan de la hoja.Para guardarlo y abrirlo en cualquier computador:
Dame el panel como un archivo .html para descargar y explícame cómo abrirlo con doble clic y cómo verlo en mi celular.Tu negocio como videojuego, tres ejemplos
Si quieres ver de un vistazo cómo avanzan tus clientes y dónde se atasca el trabajo, Claude convierte tus etapas en una ciudad viva con indicadores que se mueven solos.
En una distribuidora
Cada edificio es una etapa del pedido, de la bodega al despacho y al cobro, y ves cuántos pedidos hay en cada una y cuál está cargada.
En una inmobiliaria
Las consultas, visitas, ofertas y firmas se vuelven edificios, y al tocar uno ves cuántos clientes hay ahí y cuánto tardan en promedio.
En una agencia de marketing
Los prospectos caminan de la reunión a la propuesta y al cliente activo, con un listado en vivo de cotizaciones enviadas y ventas cerradas.