Showreel Interface — Design skill for Claude Code

showreel-interface

Skill do Claude Code para criar **showreels, reels de marca e promos curtos (15s, 30s, 60s)** no estilo "a interface narra": um hook montado palavra a palavra, **chips de UI** como títulos de capítulo, o trabalho ou o produto invadindo a tela em **galerias de cards** (leque 3D, tela cheia ↔ card, grade que rola como caça-níquel), dois mundos alternados (escuro e claro), toda transição feita por um elemento da cena e **cortes cravados na batida da música**.

O que a torna reusável: cada peça do filme é **traduzida para a UI nativa da marca** do projeto. No YouTube, por exemplo, o título vira a barra de busca, o chip vira os filtros da aba Vídeos, a prova vira a grade de thumbnails com selo de duração e o fecho vira o Inscrever-se → Inscrito com a assinatura oficial (ícone + /@handle). A identidade sai da interface da marca, não de um logo animado.

Nasceu da perícia quadro a quadro do **SHOWREEL 2025 de Misha Ruchko** ([vimeo.com/1124592722](https://vimeo.com/1124592722)): estrutura, design e **movimento medido em números** (amplitude 5,3×, 40% do filme em quase-parada, 94% dos cortes a ≤2 quadros da batida). Deste repositório vêm só o método e as medidas; nenhum quadro, texto ou marca dele está aqui.

Instalar

**Jeito 1 — clonar direto na pasta de skills:**

git clone https://github.com/Felpborges/showreel-interface.git ~/.claude/skills/showreel-interface
chmod +x ~/.claude/skills/showreel-interface/scripts/*.py ~/.claude/skills/showreel-interface/scripts/*.sh

**Jeito 2 — sem git:** abra o [`INSTALAR.md`](INSTALAR.md), copie o conteúdo inteiro e cole no Claude Code. Ele cria os arquivos sozinho. (A pasta `exemplos/` e os JSON da perícia só vêm pelo jeito 1.)

Depois de instalar, reinicie a sessão do Claude Code para a skill aparecer. Ela dispara sozinha com pedidos como "faz um reel de 15 segundos sobre X", "showreel", "vídeo de marca curto" ou "vídeo sobre o YouTube/Instagram/um app".

O que precisa ter na máquina

| Para |