Rayyan · videosLa quiero
Skill · Claude Code y Codex

Videos SaaSnivel estudio.

Hecho con la versión nueva: lanzamiento de Clidenta. Su WhatsApp y su agenda recreados desde capturas reales, iPhone en 3D, emojis de Apple, voz, música y sonido de Botanica, en 4K a 60 fps.

Le das a tu agente el link de tu producto y una idea. Investiga tu marca, te propone 3 conceptos y arma un video estilo Apple y Figma en 4K: tu interfaz real, 3D, voz, música y sonido de estudio.

La quiero Pago único de $4.99

El recorrido completo.

01 Investigación

Investiga antes de diseñar.

Antes de diseñar nada, la skill lee tu web completa, tu Instagram (posts, reels y lo que pregunta la gente en los comentarios), tus reseñas y a tu competencia. Saca tus colores, tipografías, logo y textos reales, y lo guarda todo en un dossier donde cada dato lleva su fuente.

  • Si tienes el código de tu producto, también lo lee: es la fuente más fiel
  • Solo hechos: nada de cifras ni reseñas inventadas

02 El concepto

Tres ideas, ninguna plantilla.

Primero define el trabajo del video: dónde se va a ver, quién lo ve y qué tiene que entender, sentir y hacer. Con eso te propone 3 conceptos que cambian en mecanismo y en forma (plano secuencia, loop, antes y después, demo en tiempo real…), te recomienda uno y tú eliges.

  • Si cambias tu logo por el de un competidor y la idea sigue funcionando, se descarta
  • Lleva un historial para no repetir la forma de tus últimos videos
  • ¿Tienes un video de referencia? Lo analiza y te explica cómo lo aplicaría antes de tocar nada

03 Tu interfaz

Tu UI, no una genérica.

Lo que más delata un video hecho por IA es una interfaz inventada. Por eso la skill te pide capturas de tus pantallas clave (⌘⇧4 + Espacio y listo), las mide, saca los colores exactos y las recrea igualitas. Antes de animar todo te muestra 6 a 8 cuadros clave, para corregir el rumbo cuando todavía es barato.

  • También las de terceros: WhatsApp, Claude Code, Slack…
  • Tus datos personales de las capturas no se usan

04 Motion

La herramienta la elige la idea.

HyperFrames renderiza y encima entra solo lo que tu concepto pide: GSAP para la UI y la cámara, Three.js para 3D y el mundo físico, Motion para resortes tipo iOS, y Rive o Lottie para animaciones que ya tengas.

  • Detalles Apple con causa: emojis que salen de algo que pasa, tipeo con cursor, confeti una sola vez
  • 3D para el mundo físico, nunca personas falsas
  • Transiciones de zoom que nacen de lo que acaba de pasar, sin flashes

05 Sonido

El sonido describe lo que pasa.

Un video de producto suena a interfaz: si alguien escribe se oyen teclas, si llega un mensaje un pop, si aprieta un botón un clic. La skill usa Botanica Free SFXs, una librería gratuita de clics y transiciones de estudio, más un kit natural que sintetiza las teclas del celular, el «enviado», el «recibido» y la vibración.

  • Un sonido, un significado, en todo el video
  • Whooshes solo para los movimientos grandes de cámara

06 Voz y música

Una voz que se lee.

Con ElevenLabs te pasa muestras de voces y de música, y eliges escuchando. La voz dice exactamente lo que se lee y cada palabra aparece cuando se pronuncia. La música se ajusta para que el drop caiga en la palabra clave, y los cortes van a su pulso.

  • Sin ElevenLabs no hay voz ni música generada: sale con texto y efectos, o con tu propia voz y música
  • Tu API key nunca pasa por el chat

07 Render

Listo en 4K.

Antes de renderizar revisa cada escena con capturas, incluidos los cuadros a mitad de cada transición. Luego exporta en 3840 × 2160 a 60 fps, listo para redes, anuncios o tu web.

  • Compone en 1080p o vertical y exporta en 4K
  • Audio normalizado para redes y te abre el archivo al terminar

Llévatela.

Qué incluye

  • El flujo completo que sigue tu agente: investigación, brief, 3 conceptos, capturas, animatic, animación, sonido y render
  • Guías de proceso creativo con 14 formas de video, detalles Apple, look premium y errores comunes
  • El kit de animación para HyperFrames: cámara, barridos, 3D, resortes tipo iOS, emojis, tipeo y confeti
  • Rive y Motion incluidos en el kit, para que el render no dependa de internet
  • Scripts para revisar tu equipo, sacar tu marca de tu web, analizar referencias y mezclar el audio
  • Voz y música con tu cuenta de ElevenLabs, y un kit de sonidos de interfaz sintetizado
  • Funciona en Claude Code y en Codex
  1. 01

    Paga aquí mismo

    ¿No quieres hacerlo tú? Te hago el video por $24.90.

  2. 02

    Descomprímela en tu carpeta de skills

    unzip ~/Downloads/video-saas-premium.zip -d ~/.claude/skills/
  3. 03

    Ten esto instalado

    • Node 22+ y ffmpeg
    • Google Chrome o Chromium
    • Python 3 con python3 -m pip install numpy pillow

    Al empezar, la skill revisa tu equipo y te dice qué falta, con el comando para instalarlo.

  4. 04

    Descarga Botanica, gratis

    Son los efectos de sonido de la skill. Bájalo de Gumroad (pon $0 si te pide precio) y descomprímelo en Descargas: la skill lo encuentra sola.

    Sin este pack los efectos quedan pobres. Los sonidos son de su autor: úsalos en tus videos, no los compartas.

  5. 05

    Para voz y música: ElevenLabs

    Guarda tu API key una vez en el llavero (macOS):

    security add-generic-password -U -a "$USER" -s elevenlabs-api-key -w 'sk_...'

    Tu API key nunca pasa por el chat. Sin ElevenLabs, el video sale con texto y efectos, o con tu propia voz y música.

  6. 06

    Abre una carpeta vacía y escribe

    hazme un video de https://tuproducto.com, mi Instagram es @tuproducto