¿Qué hace animacion-explicativa?
Multi-scene animated HTML technical explainers with TTS narration + one-command MP4 export. Install via: npx skills add AgentBuff/animation-explainer
Crea explicaciones técnicas animadas con múltiples escenas en HTML, narración por TTS y exportación MP4 con un solo comando. Instálalo con: npx skills add AgentBuff/animacion-explicativa.
Esta habilidad permite generar explicaciones técnicas animadas de forma automatizada, combinando escenas HTML dinámicas con narración de texto a voz (TTS). Es especialmente útil para desarrolladores y creadores de contenido que necesitan producir videos explicativos claros y atractivos sin complicaciones. Soporta la exportación directa a formato MP4 con un solo comando, lo que facilita su integración en flujos de trabajo de documentación, tutoriales o presentaciones. Al basarse en HTML, las animaciones son personalizables y ligeras, mientras que el TTS añade una capa de accesibilidad y profesionalismo. Basta con instalar el skill mediante ‘npx skills add AgentBuff/animacion-explicativa’ para empezar a crear explicaciones técnicas animadas al instante.
npx skills add AgentBuff/animation-explainerMulti-scene animated HTML technical explainers with TTS narration + one-command MP4 export. Install via: npx skills add AgentBuff/animation-explainer
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.