Communitygithub.com

papercut

Renderiza um reel no estilo Papercut: papel de construção em camadas ganhando vida com textura de papel, bordas rasgadas, tiras de sombra empilhadas, sombras projetadas, animação rígida de recorte, movimento lento de câmera, banners de manchete fixados com fita adesiva e legendas palavra por palavra em etiquetas rasgadas.

O que é papercut?

Este skill define o estilo visual 'Papercut' para a biblioteca motion-explainer, permitindo a criação de reels explicativos animados que imitam a estética de colagem de papel de construção. Ele fornece três componentes principais: um manifesto `style.json`, um mecanismo de renderização Remotion e um mecanismo fframes, garantindo que a escolha do estilo não afete o restante do fluxo de trabalho. O estilo é caracterizado por objetos planos de papel com textura de fibra, bordas irregulares, sombras suaves, sombreamento por peças empilhadas (sem gradientes) e uma câmera que se move suavemente, enquanto apenas banners e legendas tremem. Inclui componentes específicos como `<Paper lift torn>`, `<Slab>` e `<TapeBanner>`, e fornece diretrizes de QA para garantir a fidelidade visual, como verificar a ausência de contornos ou gradientes e o movimento adequado da câmera.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/boytegar/motion-skills/tree/HEAD/style/papercut

Perguntar na sua IA favorita

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

Documentação

Papel de construção em camadas: textura, bordas rasgadas, tiras de sombra empilhadas, um movimento lento de câmera e agitação de papel em stop-motion.

Este é um dos estilos da biblioteca motion-explainer. Ele oferece as mesmas três coisas que todo estilo oferece: um manifesto style.json, um mecanismo Remotion e um mecanismo fframes. Os skills de pipeline (motion-explainer, motion-script, motion-storyboard, motion-build, motion-qa) usam o nome do estilo como $MOTION_STYLE, portanto nada muda no fluxo de trabalho quando você escolhe este.

Quando usar

Use este estilo quando o briefing corresponder ao seu DNA abaixo. Leia docs/style-guide.md primeiro: ele é a autoridade, este arquivo é o índice.

DNA do Estilo

  1. Cada objeto é papel de construção chato: um preenchimento sólido, textura fina de fibra de papel multiplicada em ~10%, uma borda de corte irregular levemente irregular e uma sombra projetada suave (0 x, 3-6px y, 6-10px blur, 30% preto). Sem gradientes ou contornos.
  2. A sombra é feita de peças empilhadas: uma tira inferior mais escura e uma tira de destaque mais clara, nunca uma mescla.
  3. Apenas vistas ortográficas, robustas e legíveis no tamanho de telefone, luz vindo do canto superior esquerdo.
  4. Saturação é merecida: fundos empoeirados suaves, cores vivas apenas em personagens, legendas e sinais de estado.
  5. A câmera do mundo se move suavemente; apenas o banner e as etiquetas tremem, em passos de dois.

Paleta: creme #DACEC0, tinta #1C1B17, fita #C3B284, herói #D67354, legendas #3968AD, tags #C9573C

Componentes do kit

Remotion, importável de ../lib/<file> (o kit é sincronizado na pasta src/lib/ de cada projeto):

componenteo que é
<Paper lift torn>o invólucro base: textura de papel, filtro SVG áspero ou rasgado, sombra projetada
<Slab x y w h color shade hi>a primitiva: um retângulo de papel recortado com uma tira de sombra, uma tira de destaque e textura
<Disc x y d color>uma peça circular recortada para vigias, rodas, rebites
<Pill x y text>um pequeno chip de etiqueta de papel
<Card x y w h lines>um cartão de papel com linhas de preenchimento pautadas
<PopIn at>entrada com mola e pequena inclinação de assentamento
<Backdrop name>um cenário de papel preparado com um floorY conhecido
<CameraPush>o movimento da câmera do mundo
<TapeBanner text>o banner de manchete fixado com fita adesiva, um fato duro por batida
<WordTagCaptions captions>legendas em etiquetas rasgadas, uma por palavra, aparecendo no início
<CutSeries scenes cuts>o motor de transição entre conjuntos de cenas

Nada treme no vácuo

A seção 2 do docs/style-guide.md é o DNA do Estilo. docs/frame-breakdown.md é um exemplo trabalhado de ~28 s; copie sua densidade de eventos, não seu conteúdo.

Motores

motorcaminhoentrada
remotionremotion/template/, kit/, sync_kit.sh, CATALOG.md, AGENT_BRIEF.md
fframesfframes/Cargo.toml, src/ (lib, tokens, kit, look, video, main), tools/ff.sh

Motores registrados: remotion, fframes.

Estruturar um episódio

# a partir da raiz da biblioteca, com MOTION_LIB resolvido
./core/new_episode.sh <series-dir> 01-slug Episode out-name --style papercut --engine remotion
./core/new_episode.sh <series-dir> 01-slug Episode out-name --style papercut --engine fframes

Ou nomeie o estilo em uma série SERIES.md / episode.json como "style": "papercut" e deixe motion_style_of capturá-lo.

QA para este estilo

Verifique estes itens em cada contact sheet antes de considerar uma cena concluída; o restante da lista de verificação em motion-qa ainda se aplica.

  • Tudo parece papel: textura, borda áspera, sombra projetada, sombreamento de peças empilhadas, sem contornos ou gradientes.
  • A câmera do mundo se move suavemente; apenas o banner e as etiquetas tremem.
  • O banner está fixado com fita adesiva, 3-7 palavras, um fato por batida, nunca repete o voiceover.
  • As legendas são uma etiqueta rasgada por palavra, inclinadas, aparecendo no início, na faixa de 68-80%.
  • Um evento visual em cada palavra estressada, com movimento ambiente sempre em execução.

Arquivos

  • docs/style-guide.md
  • docs/style-prompt.md
  • docs/motion-principles.md
  • docs/asset-prompts.md
  • docs/frame-breakdown.md
  • remotion/CATALOG.md
  • remotion/AGENT_BRIEF.md
  • remotion/RECIPES.md
  • style.json: o manifesto (canvas, lista de motores, caminhos de documentos, raízes de áudio)
  • sample.png: um quadro representativo

Individual skills in this repo

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

Habilidades Relacionadas