Communitygithub.com

nateherkai/motion-showreel

Crie showreels de motion design de 10 a 30 segundos no estilo do Opus 5.5 CLAUDE/MOTION REEL do Nate — capítulos com motivos de marca, HUD, cortes sincronizados com BPM, e composição de logotipo.

O que é motion-showreel?

Esta skill permite que agentes de IA (como Claude Code, Cursor ou Codex) gerem showreels de motion design de alta energia, com duração entre 10 e 30 segundos, inspirados no estilo visual do Opus 5.5 CLAUDE/MOTION REEL de Nate Herkai. Ela é ideal para designers de movimento que desejam automatizar a criação de reels para portfólio, branding ou redes sociais. A skill organiza o conteúdo em capítulos temáticos com motivos de marca (brand motifs), sobreposições de HUD para um visual tecnológico, cortes precisos sincronizados com o BPM da trilha sonora, e uma composição final de logotipo. É compatível com ferramentas de edição de vídeo como After Effects, DaVinci Resolve ou Blender, gerando scripts, timelines e guias de estilo para facilitar a montagem. O agente utiliza parâmetros como duração, BPM e paleta de cores para personalizar o resultado, garantindo consistência visual e ritmo profissional.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/nateherkai/hyperframes-student-kit/tree/main/.agents/skills/motion-showreel

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que motion-showreel faz?

Crie showreels de motion design de 10 a 30 segundos no estilo do Opus 5.5 CLAUDE/MOTION REEL do Nate — capítulos com motivos de marca, HUD, cortes sincronizados com BPM, e composição de logotipo.

Visão Geral

Esta skill capacita agentes de IA a gerarem showreels de motion design dinâmicos, inspirados no trabalho de Nate Herkai. O processo envolve a criação de uma sequência de vídeo que combina:

  • Capítulos com motivos de marca: Cada seção do showreel é dedicada a um tema ou marca específica, com elementos visuais consistentes.
  • Sobreposições de HUD: Adiciona uma estética tecnológica e de dados, com gráficos estilizados.
  • Cortes sincronizados com BPM: As transições e edições são sincronizadas com o batimento por minuto da música de fundo, garantindo um ritmo envolvente.
  • Composição de logotipo: O showreel termina com uma animação de logotipo profissional.

Como Usar

Para usar esta skill, forneça ao agente de IA instruções claras sobre:

  1. Duração desejada: Entre 10 e 30 segundos.
  2. BPM da trilha sonora: O número de batidas por minuto para sincronização.
  3. Paleta de cores: Cores principais e secundárias para os motivos de marca e HUD.
  4. Logotipo: O arquivo de logotipo a ser usado na composição final.
  5. Ativos de mídia: Clipes de vídeo, imagens ou animações a serem incluídos.

O agente então gerará um script de edição, guias de estilo e instruções passo a passo para ferramentas como After Effects, DaVinci Resolve ou Blender.

Parâmetros de Exemplo

{
  "duracao": 20,
  "bpm": 128,
  "cores": ["#00FFAA", "#1A1A2E"],
  "logotipo": "caminho/para/logo.png",
  "capitulos": [
    {
      "nome": "Marca A",
      "duracao": 5,
      "clipes": ["clip1.mp4", "clip2.mp4"]
    },
    {
      "nome": "Marca B",
      "duracao": 7,
      "clipes": ["clip3.mp4"]
    }
  ]
}

Plataformas Suportadas

  • Claude Code: Integração direta para geração de scripts.
  • Cursor: Edição e refinamento de código.
  • Codex: Automação de tarefas de pós-produção.

Licença

Veja o arquivo LICENSE para detalhes.

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.

Habilidades Relacionadas