Baila-IA

# BAILA-IA — construye tu profe de baile con IA

**Lo que vas a tener al final:** una página web que te ve bailar por la cámara,
te enseña los pasos básicos de un estilo y te puntúa si vas al ritmo.

> Hecho con IA por @eduardoprofitia. No necesitas saber programar.

## Qué hace la herramienta
- Enciende tu cámara y dibuja tu esqueleto en tiempo real (la IA de pose corre en tu navegador, gratis, nada se sube a internet).
- Te muestra una guía de pasos con conteos (1-2-3…) y un metrónomo.
- Cuando suena la música, detecta tus movimientos y comprueba si los marcas EN el beat.
- Te da una puntuación de ritmo y energía al terminar.

## Qué necesitas
- Un ordenador o móvil con cámara y un navegador moderno (Chrome recomendado).
- Una canción en mp3 (usa música libre de derechos, por ejemplo de Pixabay).

---

## PROMPT PARA TU IA
(Copia desde aquí hasta el final y pégaselo a tu IA.)

Eres un programador experto en webs con IA en el navegador. Construye una página
HTML ÚNICA y autocontenida llamada baila.html, y guíame paso a paso asumiendo que
no sé programar.

QUÉ QUIERO:
Un "profe de baile con IA": la página me ve por la cámara frontal, me enseña un
paso básico (por ejemplo el básico de salsa: adelante 1-2-3 pausa, atrás 5-6-7
pausa) y me puntúa si me muevo al ritmo.

CÓMO DEBE FUNCIONAR (3 fases):
1) MIRA: muestra el nombre del paso y una explicación en texto de cómo se hace.
2) PRACTICA: enciende la cámara, dibuja mi esqueleto encima del vídeo usando
   TensorFlow.js con el modelo MoveNet (cárgalos por CDN de jsdelivr:
   @tensorflow/tfjs-core, tfjs-converter, tfjs-backend-webgl y
   @tensorflow-models/pose-detection). Añade un metrónomo con Web Audio API a
   unos 100 BPM que marque los conteos 1 a 8 en pantalla, con acento en el 1.
3) AL RITMO: reproduce mi canción mp3 (input file o una URL). Mide mi "energía
   de movimiento" en cada frame: media del desplazamiento de los puntos del
   esqueleto entre frames, normalizada por el tamaño de mi torso para que no
   dependa de lo lejos que esté de la cámara. Detecta los picos de energía
   (máximos locales por encima de la media móvil) y comprueba si cada pico cae
   cerca de un beat de la rejilla del metrónomo/BPM (tolerancia ±30% del beat).
   Muestra en vivo: puntuación 0-100 (mitad sincronía, mitad energía), y un
   contador de racha "EN EL BEAT ×N". Al terminar, pantalla de resultado con
   estrellas (1 a 3 según sincronía) y un consejo: si mis picos llegan antes del
   beat dime que me adelanto, si llegan tarde que anticipe.

DETALLES DE DISEÑO:
Fondo negro #0A0A0A, acento verde lima #C6F542, tipografía Oswald para títulos
(Google Fonts), estética de club nocturno, botones grandes para móvil.

IMPORTANTE:
- Todo en UN solo archivo HTML. Sin servidor, sin claves, sin backend.
- La cámara se procesa 100% en local: dilo en la interfaz ("no se sube nada").
- Al terminar dime exactamente cómo abrirla (doble clic en el archivo o
  arrastrarla al navegador) y cómo probar que funciona.

## Cómo ejecutarla (una vez construida)
Guarda el archivo baila.html y ábrelo con Chrome. Da permiso de cámara. Baila.

## ¿Prefieres no construirla?
Úsala ya, gratis, aquí: profitia.digital/baila.html 👈