Crea animaciones suaves y microinteracciones usando Framer Motion: transiciones de página, gestos, animaciones basadas en scroll y secuencias orquestadas. Útil cuando el usuario solicite 'agregar animación', 'framer motion', 'transición de página', 'animar componente' o 'microinteracciones'.
Este skill permite a agentes de IA (como Claude Code, Cursor, etc.) integrar animaciones fluidas y microinteracciones en proyectos React utilizando la biblioteca Framer Motion. Proporciona instrucciones detalladas para implementar transiciones de página, gestos táctiles o de ratón, animaciones basadas en el desplazamiento (scroll), y secuencias de animación orquestadas. Es especialmente útil cuando un desarrollador pide 'añadir animación', 'framer motion', 'transición de página', 'animar componente' o 'microinteracciones', ya que el skill guía al agente para generar código listo para usar, optimizado y accesible. Está diseñado para trabajar con cualquier plataforma que admita skills de agente y se basa en la documentación de SKILL.md para proporcionar instrucciones claras y ejemplos prácticos.
npx skills add https://github.com/patricio0312rev/skills/tree/main/skills/framer-motion-animatorCrea animaciones suaves y microinteracciones usando Framer Motion: transiciones de página, gestos, animaciones basadas en scroll y secuencias orquestadas. Útil cuando el usuario solicite 'agregar animación', 'framer motion', 'transición de página', 'animar componente' o 'microinteracciones'.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.