¿Qué hace creador-de-animaciones-3d?
Claude Code skill: video → FFmpeg frames → Apple-style canvas scroll animation website
Source: https://github.com/sergeyramas/3d-animation-creator-skill
Discovered by the Awesome Skills daily skill hunter.
Habilidad de Claude Code: video → fotogramas FFmpeg → sitio web de animación scroll estilo Apple con canvas
Esta habilidad para Claude Code permite transformar cualquier video en una impresionante animación de desplazamiento (scroll) estilo Apple, utilizando únicamente herramientas de código abierto. El flujo de trabajo es simple: toma un video como entrada, lo divide en fotogramas individuales usando FFmpeg, y luego genera un sitio web HTML/CSS/JavaScript completo que reproduce esos fotogramas como una animación suave al hacer scroll, con el característico estilo visual de las páginas de producto de Apple. Es especialmente útil para desarrolladores y creadores de contenido que desean presentar demostraciones visuales, portfolios o historias interactivas sin depender de software de animación complejo o servicios de terceros. Funciona exclusivamente como una skill de Claude Code, aprovechando la capacidad de Claude para generar código y coordinar herramientas externas como FFmpeg. Incluye optimizaciones como precarga de imágenes, transiciones suaves y diseño responsivo, todo generado automáticamente a partir del video original.
npx skills add sergeyramas/3d-animation-creator-skillClaude Code skill: video → FFmpeg frames → Apple-style canvas scroll animation website
Source: https://github.com/sergeyramas/3d-animation-creator-skill
Discovered by the Awesome Skills daily skill hunter.
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.