Hexo en 24 horas, diciendo que sí a todo
Este proyecto es un experimento: 1 día para construir en modo vibe coding — sin decir que no a ninguna idea — y 9 días para distribuir y recuperar los 17 € de coste de infraestructura, IA y pasarela de pago. Sin equipo, sin roadmap, sin sprint planning. Solo intuición, un LLM y ganas de terminar cosas.
La regla del juego
- · Decir sí a todo: cada idea del brief entra, ninguna se aparca "para v2".
- · No pelear con el stack: TanStack Start + backend gestionado + IA vía gateway.
- · Verificar antes de dar por hecho: si el usuario dice "no funciona", se abre el navegador y se mira.
- · Todo lo que huela a "esto llevaría una semana" se acepta igual y se resuelve en una hora.
Qué tiene Hexo
Estimación honesta de cuánto habría llevado cada pieza construida "a mano" por una persona senior, frente a lo que llevó realmente en modo vibe coding.
| Funcionalidad | A mano | Vibe |
|---|---|---|
Motor de juego (dados, recursos, comercio, cartas de desarrollo) Reglas puras en TypeScript: tirada, reparto por número, robo con el 7, coste de acciones y cartas. | 3–5 días | ~2 h |
Tablero SVG hexagonal responsive con patrones geométricos Layout de hex axial, puertos, números, patrones B/N por material y touch multi-pointer. | 3–4 días | ~2 h |
IA rival por dificultad Heurística que valora vértices, prioriza expansión y comercia con banco. | 2–3 días | ~1 h |
Multijugador en tiempo real (salas + código + passcode) Sincronización de eventos vía backend en tiempo real, reconexión y estado autoritativo. | 4–6 días | ~2 h |
Voice chat push-to-talk (WebRTC mesh) Malla WebRTC señalizada por presencia, botón pulsar-para-hablar, indicador de mute. | 4–5 días | ~2 h |
"Ask Hexo": asistente de reglas por voz Transcripción + LLM respondiendo dudas de reglas dentro de la partida. | 2–3 días | ~1 h |
Mesas permanentes con ranking privado Grupos fijos, histórico de partidas, ganadores nombran ovejas y ciudades. | 3–4 días | ~1.5 h |
Pagos (pase de por vida + Hexo Plus mensual) y dunning Checkout, webhooks firmados, estados past_due y banner de cobro fallido. | 2–3 días | ~1 h |
Auth con Google + modo invitado + linking SSO, sesión anónima para jugar sin registro y vincular cuenta después. | 1–2 días | ~30 min |
i18n ES/EN con switcher en juego Diccionario completo, cambio de idioma sin recargar, rutas SEO localizadas. | 2 días | ~45 min |
Sonido 8-bit moderno + música procedural (Web Audio) SFX y bucle musical generados en el navegador, sin assets. | 2–3 días | ~1 h |
Tutorial jugable de 2 minutos Guion de 6 pasos con highlights animados y CTAs. | 2 días | ~45 min |
Anti-abandono con cooldown escalado (5→120 min) Penalización en stats y bloqueo temporal validado en servidor. | 1–2 días | ~30 min |
Landing, FAQ, demo interactiva, guía SEO y JSON-LD Meta OG/Twitter, guía completa de reglas y estrategia indexable. | 3–4 días | ~1.5 h |
PWA, favicon, share cards, /mis-salas, perfil con stats Manifest, icono, tarjeta de resultados renderizada en canvas y dashboard. | 2 días | ~1 h |
Legales: privacidad, términos, reembolsos y pricing público Requisitos para pasarela de pago. | 1 día | ~20 min |
Modo experimental: tablero 3D sobre icosaedro Prototipo Three.js jugando sobre un "balón". | 3–5 días | ~1 h |
| Total estimado | ~48 días (9.6 semanas) | ~24 h |
La cuenta de la vieja
El coste directo del experimento son 17 € entre créditos de IA, hosting, dominio y comisiones de la pasarela. El objetivo de los 9 días de distribución es recuperar ese coste con ventas del pase de Mesas (20 €, una sola vez) y suscripciones a Hexo Plus (4,99 €/mes). Con 1 sola venta del pase ya está amortizado. Todo lo demás es upside.
Distribución = compartir el proceso, publicar la landing, escribir hilos, pedir feedback, iterar SEO, mandarlo a amigos y ver qué pasa. Sin ads.
Ir rápido = meter delights
Cuando construyes en horas en vez de en semanas, los caprichos dejan de ser caros. Un guiño, una animación tonta o un huevo de pascua ya no compiten con el roadmap: son el roadmap. Dos ejemplos que están vivos ahora mismo en Hexo:
Con motivo de la final del Mundial montamos mapas de España 🇪🇸 y Argentina 🇦🇷 con paleta, himno y overlay propios, y un CMS en /admin para publicar nuevos tableros promocionales sin tocar código. Los jugadores desbloquean badges por jugar y ganar en cada tablero temático, que aparecen en su perfil. Coste: unas horas. Retorno: excusa perfecta para compartir.
Homenaje a Los Sims y a SimCity: en escritorio, durante una partida en solitario contra la IA, pulsa Ctrl + Shift + C para abrir la consola oculta. Este es el único sitio donde publicamos los códigos:
- rosebud → +10 ovejas (o el recurso que pongas después:
rosebud wheat). - motherlode → +10 de cada recurso.
- vp → +1 punto de victoria.
Solo en partidas contra la IA. En multijugador no funcionan — sería trampa de verdad.
Meta-herramientas para no quemar créditos
Cada mensaje al agente cuesta tokens. Pedir "actualiza este post" o "sube un artículo nuevo a la guía" en modo agente sale caro cuando lo haces cada semana. La solución: invertir una vez tokens en construir herramientas internas y luego mantenerlas desde el navegador, gratis.
- · CMS de artículos de la guía en
/admin/articles: editor bilingüe (ES/EN), publicación con un click y generador de ilustraciones con el mismo estilo "tinta sobre papel" del branding. - · CMS de tableros temáticos y promos en
/admin/board-themes: activar, desactivar y crear promos como la del Mundial sin abrir el editor de código. - · Dashboard de analytics propio en
/admin: métricas de partidas, mapas jugados y conversión, sin depender del agente para preguntar "¿cómo va?". - · Roles y permisos en base de datos para que la creadora pueda montar mesas ilimitadas gratis y moderar sin necesitar cambios de código.
Regla de bolsillo: si voy a repetir una tarea más de 3 veces, primero le pido al agente la herramienta, y luego uso la herramienta. El mantenimiento se vuelve sostenible y no me obliga a comprar más créditos solo para publicar contenido.
Lecciones hasta aquí
- · Decir sí obliga a ser rápido: no hay tiempo para sobre-diseñar.
- · El scope se defiende con tiempo, no con "no": si algo no cabe, se hace más simple, no se descarta.
- · La IA no escribe la app sola; el bucle observar → editar → verificar sigue siendo tuyo.
- · Distribuir cuesta más que construir. Por eso 1 vs 9.
- · Ir rápido abarata los delights: úsalos, es lo que se comparte.
- · Construye tus propias herramientas antes que pedirle al agente lo mismo cada semana.
¿Quieres probarlo?
Un proyecto de fin de semana de Cristina Santamarina.