El problema: una app nueva y una hora de reunión
Creaste una app o un dashboard. Funciona. Y ahora te toca sacar una reunión de una hora para enseñarle al equipo dónde se entra, qué se hace y qué se lleva cada uno.
O peor: le cambias algo, y medio equipo ni se entera. Siguen usándola como la semana pasada.
Lo que resuelve eso es un video corto que muestre el recorrido. El problema es que grabar pantalla, editar y volver a grabar cada vez que cambias algo toma más tiempo que la reunión.
El ejemplo real: los tutoriales de esta biblioteca
A cada persona que nos pide una guía le llega un video que le enseña a usar esta biblioteca: cómo llegar a las guías, cómo preguntarle a Jarvis y cómo Jarvis te da el video de cada tema.
Son tres tutoriales de unos 24 segundos cada uno. Los hizo Claude el 8 de octubre de 2026. Nadie grabó pantalla: Claude leyó el código de santa-ia.com y armó el recorrido.
La herramienta se llama brag.
Qué es brag
brag es un proyecto de código abierto en GitHub, de latent-spaces, con licencia MIT. Al 13 de octubre de 2026 tiene más de 15.600 estrellas.
Nació para hacer videos de lanzamiento ("lo construiste, ahora preséntalo"), pero el mismo camino sirve para un tutorial: mostrar dónde entras, qué haces y qué te llevas.
Trae dos skills:
La completa: /brag
- Lee el código de tu proyecto.
- Le pasa el plan a Hyperframes, de HeyGen, que compone y renderiza el video.
- Trae música y efectos incluidos, y voz opcional con una voz local.
- Necesita Node 22 o más, FFmpeg y Hyperframes.
La liviana: /brag-slim
- Lee el código de tu proyecto o el link de la página.
- Claude arma el video solo, con lo que ya tienes en el computador.
- No usa Hyperframes ni trae archivos incluidos.
- Sigue las mismas reglas creativas que la completa y está pensada para Claude Opus 5.5.
Cómo funciona, en cuatro pasos
Le das la carpeta de tu app
Abres Claude Code dentro del proyecto. No necesitas link publicado ni capturas: Claude lee el código directo. La liviana también acepta el link de una página que ya esté en internet.
User flow: saca el recorrido
Claude lee las páginas, los componentes y el README, y responde qué hace la app, para quién es y cuál es el recorrido que importa: dónde entras, qué haces y qué te llevas. Eso es el user flow.
Storyboard: escribe el plan escena por escena
Deja un archivo brag-plan.md con el plan del video, escena por escena, de 15 a 25 segundos, y con un tono. Hay siete: default, polished (serio), chaotic (caótico), cinematic (de película), deadpan, yc-parody y app-store. También le puedes describir el tono con tus palabras.
Render: arma el video
La completa le pasa el plan a Hyperframes y la liviana lo arma sola. Al final tienes tres cosas en la carpeta brag-output/: el video brag.mp4, la portada brag.jpg (puesta como primer cuadro del video, para que se vea bien antes de darle play) y share-copy.txt con el texto para publicar.
Cómo instalarlo
Dentro de Claude Code, la completa (trae la liviana incluida):
/plugin marketplace add latent-spaces/brag
/plugin install brag@brag
Solo la liviana, desde la terminal:
npx skills add https://github.com/latent-spaces/brag --skill brag-slim
Después, dentro de tu proyecto, le dices:
/brag --tone polished --format vertical
--format puede ser landscape, vertical o square. Para un tutorial que vas a mandar por WhatsApp, vertical.
Lo que le cambiamos nosotros
En santa-ia usamos brag con dos adaptaciones propias: /demo-app-voz-propia (sale de la completa) y /demo-app-light (sale de la liviana). El recorrido es el mismo. Lo que cambia es cómo suena:
- Voz clonada. El video siempre lleva narración con mi voz clonada en ElevenLabs. La original trae una voz local opcional; esa no la usamos.
- Música de Suno. En vez de las pistas incluidas, cada video lleva su propia música, generada en Suno.
- Efectos de nuestro banco. Los sonidos salen del mismo banco que usamos en los videos del canal.
- Mezcla al volumen de redes. Todo se nivela a -14 LUFS, para que no suene ni más bajo ni más alto que lo demás en Instagram o YouTube.
Si haces el tuyo, no necesitas nada de esto para empezar. brag tal cual ya te da el video.
¿Le cambiaste algo a la app?
Pides el video otra vez. Claude vuelve a leer el código y el recorrido sale con lo nuevo. Ya no tienes que sacar una reunión para contarle al equipo qué cambió.
Lo que tienes que recordar
- brag es de código abierto (MIT), está en GitHub y trae dos skills: la completa y la liviana.
- Le das la carpeta de tu app. No necesitas grabar pantalla.
- Cuatro pasos: user flow, storyboard, render y entrega.
- El video dura de 15 a 25 segundos y sale con portada y texto para publicar.
- Si cambias la app, pides el video otra vez.
Fuentes oficiales
- Repositorio latent-spaces/brag en GitHub
- Instrucciones de /brag
- Instrucciones de /brag-slim
- Hyperframes, de HeyGen
¿Quieres los tutoriales de tus apps?
Si te quedó alguna duda concreta: comenta DEMO en el Reel o escríbeme por DM en @santaia.lab.