Communitygithub.com

nateherkai/motion-showreel

Crea reels de motion design de 10 a 30 segundos al estilo de Nate's Opus 5.5 CLAUDE/MOTION REEL: capítulos con motivos de marca, HUD, cortes sincronizados con BPM y anclaje de logotipo.

¿Qué es motion-showreel?

Esta skill permite construir reels de motion design de 10 a 30 segundos, inspirados en el estilo de Nate's Opus 5.5 CLAUDE/MOTION REEL. Está diseñada para desarrolladores y creadores que trabajan con herramientas de IA como Claude Code, Cursor o Codex, y se especializa en la edición automatizada de videos. La skill organiza el reel en capítulos temáticos con motivos de marca, utiliza elementos HUD (heads-up display) para mejorar la estética visual, sincroniza los cortes con el BPM (beats per minute) de la música y aplica un anclaje de logotipo al final. Es útil para quienes desean generar contenido promocional de alta calidad de manera rápida, manteniendo una consistencia de marca y un ritmo visual profesional. La skill se basa en instrucciones detalladas dentro del archivo SKILL.md, que guían al usuario paso a paso en el proceso de creación.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/nateherkai/hyperframes-student-kit/tree/main/.agents/skills/motion-showreel
Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

¿Qué hace motion-showreel?

Construye reels de motion design de 10 a 30 segundos al estilo de Nate's Opus 5.5 CLAUDE/MOTION REEL — capítulos con motivos de marca, HUD, cortes sincronizados con BPM y anclaje de logotipo.

Requisitos previos

  • Herramienta de IA compatible (Claude Code, Cursor, Codex, etc.)
  • Archivos de video de origen para los clips del reel
  • Archivo de música con BPM conocido
  • Logotipo de la marca en formato PNG o SVG

Instrucciones de uso

  1. Prepara los clips de video en una carpeta denominada clips/.

  2. Coloca el archivo de música en la carpeta raíz con el nombre music.mp3.

  3. Añade el logotipo de la marca como logo.png en la carpeta raíz.

  4. Ejecuta el comando de generación con el formato deseado:

    motion-showreel --duration 20 --bpm 128 --style "opus"

Parámetros de configuración

ParámetroDescripciónValor por defecto
--durationDuración del reel en segundos15
--bpmBeats por minuto para sincronización120
--styleEstilo visual (opus, minimal, retro)opus
--logoArchivo de logotipo opcionallogo.png

Flujo de trabajo

  1. Capítulos con motivos: El reel se divide en capítulos temáticos (por ejemplo, apertura, nudo, clímax, cierre) cada uno con un motivo de marca único.
  2. Elementos HUD: Se superponen gráficos HUD animados para dar un toque futurista.
  3. Cortes sincronizados con BPM: Los cortes de video se alinean con los beats de la música para un ritmo visual perfecto.
  4. Anclaje de logotipo: El logotipo de la marca aparece al final con una animación suave.

Ejemplo de salida

🎬 Reel generado: output/reel_2024.mp4
📐 Dimensiones: 1920x1080
🎵 BPM detectado: 128
⏱️ Duración: 20.5s

Notas adicionales

  • Asegúrate de que todos los clips de video tengan la misma relación de aspecto.
  • El archivo de música debe ser un MP3 con metadatos de BPM para un sincronizado automático óptimo.
  • La skill usa plantillas de estilo predefinidas que se pueden personalizar editando el archivo style.json.

Licencia

MIT

Individual skills in this repo

This repo contains 8 individual skills — each has its own dedicated page.

nateherkai/hyperframes-student-kit

Agent 2 of the video editing pipeline. Finds and removes spoken mistakes — stutters, repeated words, false starts, and retakes (re-recorded lines) — from a talking-head recording. Use after cut-silences, when asked to cut mistakes, remove stutters / repeats / filler restarts, clean up flubs, or keep the best take. Works review-gated: it proposes every cut with context and a reason for approval, then renders only the approved cuts via ffmpeg. Requires a word-level transcript.

nateherkai/hyperframes-student-kit

Agent 1 of the video editing pipeline. Removes silences and dead air from a talking-head recording. Use when asked to cut silences, trim pauses, remove dead air / gaps, or tighten the pacing of a raw video, given a word-level transcript. Produces an edit list (EDL), a re-timed transcript for downstream agents, and optionally the cut video via ffmpeg. Does NOT cut mistakes, repeats, or false starts — that is the cut-mistakes agent.

nateherkai/hyperframes-student-kit

Edit a raw talking-head video through transcription, silence trimming, mistake review, visual storytelling, motion graphics, and verified HyperFrames rendering. Use for a complete edit; route a single requested operation directly to its specialist skill.

nateherkai/hyperframes-student-kit

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

nateherkai/hyperframes-student-kit

HyperFrames CLI tool — hyperframes init, lint, preview, render, transcribe, tts, doctor, browser, info, upgrade, compositions, docs, benchmark. Use when scaffolding a project, linting or validating compositions, previewing in the studio, rendering to video, transcribing audio, generating TTS, or troubleshooting the HyperFrames environment.

nateherkai/hyperframes-student-kit

Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, and registry discovery.

nateherkai/hyperframes-student-kit

Plan, write, time, style, and validate motion-graphic beats for long-form talking-head HyperFrames videos. Use when Codex is asked to add or improve visual beats, glassmorphism lower thirds, crumpled-paper full-screen takeovers, transcript-synced callouts, pacing coverage, YouTube retention graphics, or render-ready overlays in an existing HyperFrames video project.

nateherkai/website-to-hyperframes

Capture a website URL and produce a HyperFrames promo/product-tour video — site → finished marketing video outcome.

Skills relacionados

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

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.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

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...

community

affaan-m/everything-claude-code

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.

community