Communitygithub.com

papercut (estilo papel recortado)

Renderiza un reel en el estilo Papercut: papel de construcción en capas, con textura de granulado, bordes rasgados, tiras de sombra apiladas, sombras paralelas, animación rígida de recortes, un lento avance de cámara, titulares con cinta adhesiva y leyendas palabra por palabra en etiquetas rasgadas. Úsalo cuando el usuario mencione papel cortado, papercraft, recorte de papel, collage de papel, papel de construcción, o pida el aspecto explicativo artesanal por defecto.

¿Qué es papercut (estilo papel recortado)?

La habilidad 'papercut' es un estilo visual de la biblioteca 'motion-explainer' que transforma videos explicativos en animaciones de papel recortado artesanal. Se inspira en el arte de construcción con papel de colores, aportando textura de granulado, bordes irregulares, tiras de sombra apiladas para dar volumen, sombras paralelas suaves y animaciones rígidas tipo stop-motion. Además incluye un lento movimiento de cámara, titulares con cinta adhesiva y leyendas que aparecen palabra por palabra en etiquetas rasgadas, creando un aspecto único y acogedor. La habilidad está disponible para los motores Remotion y fframes, y se integra sin problemas en el flujo de trabajo al definir la variable de entorno `MOTION_STYLE=papercut`. Su uso está recomendado cuando se busca un estilo explicativo artesanal, por defecto en la biblioteca, ideal para narraciones educativas o promocionales que requieran un toque hecho a mano.

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

Preguntar en tu IA favorita

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

Documentación


name: papercut (estilo papel recortado) description: Renderiza un reel en el estilo Papercut: papel de construcción en capas, con textura de granulado, bordes rasgados, tiras de sombra apiladas, sombras paralelas, animación rígida de recortes, un lento avance de cámara, titulares con cinta adhesiva y leyendas palabra por palabra en etiquetas rasgadas. Úsalo cuando el usuario mencione papel cortado, papercraft, recorte de papel, collage de papel, papel de construcción, o pida el aspecto explicativo artesanal por defecto.

Papel de construcción en capas: textura de granulado, bordes rasgados, tiras de sombra apiladas, un lento avance de cámara y un efecto de ebullición en stop-motion.

Este es uno de los estilos de la biblioteca motion-explainer. Incluye las mismas tres cosas que todos los estilos incluyen: un manifiesto style.json, un motor Remotion y un motor fframes. Las habilidades del pipeline (motion-explainer, motion-script, motion-storyboard, motion-build, motion-qa) toman el nombre del estilo como $MOTION_STYLE, por lo que nada más cambia en el flujo de trabajo al elegir este.

Cuándo usarlo

Recurre a este estilo cuando el brief coincida con su ADN a continuación. Primero lee docs/style-guide.md: es la autoridad, este archivo es el índice.

ADN del estilo

  1. Cada objeto es papel de construcción plano: un relleno sólido, un fino granulado de fibra de papel multiplicado a ~10%, un borde ligeramente irregular de tijera, y una sombra paralela suave (x 0, y 3-6px, desenfoque 6-10px, 30% negro). Sin degradados ni contornos.
  2. El sombreado consiste en piezas apiladas: una tira inferior más oscura y una tira de realce más clara, nunca una mezcla.
  3. Solo vistas ortográficas, robustas y legibles en tamaño de teléfono, luz desde la esquina superior izquierda.
  4. La saturación se gana: fondos polvorientos y apagados, colores brillantes solo en personajes, leyendas y señales de estado.
  5. La cámara del mundo se desliza suavemente; solo el banner y las etiquetas hierven, animadas a dos fotogramas.

Paleta: crema #DACEC0, tinta #1C1B17, cinta adhesiva #C3B284, héroe #D67354, leyendas #3968AD, etiquetas #C9573C

Componentes del kit

Remotion, importable desde ../lib/<archivo> (el kit se sincroniza en la carpeta src/lib/ de cada proyecto):

componentequé es
<Paper lift torn>el envoltorio base: textura de papel, filtro SVG de borde áspero o rasgado, sombra paralela
<Slab x y w h color shade hi>la primitiva: un rectángulo de papel cortado con una tira de sombra, una tira de realce y textura de granulado
<Disc x y d color>una pieza circular recortada para portillas, ruedas, remaches
<Pill x y text>una pequeña etiqueta de papel
<Card x y w h lines>una tarjeta de papel con líneas de relleno pautadas
<PopIn at>entrada con resorte y un pequeño cabeceo de asentamiento
<Backdrop name>un fondo de papel preparado con un floorY conocido
<CameraPush>el movimiento de la cámara del mundo
<TapeBanner text>el titular con cinta adhesiva, un dato contundente por compás
<WordTagCaptions captions>leyendas en etiquetas rasgadas, una por palabra, que aparecen al inicio
<CutSeries scenes cuts>el motor de transición entre conjuntos de escenas

Nada hierve en el vacío

La sección 2 de docs/style-guide.md es el ADN del estilo. docs/frame-breakdown.md es un ejemplo trabajado de ~28 s; copia su densidad de eventos, no su contenido.

Motores

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

Andamiar un episodio

# desde la raíz de la biblioteca, con MOTION_LIB resuelto
./core/new_episode.sh <directorio-serie> 01-slug Episode nombre-salida --style papercut --engine remotion
./core/new_episode.sh <directorio-serie> 01-slug Episode nombre-salida --style papercut --engine fframes

O indica el estilo en un archivo SERIES.md / episode.json como "style": "papercut" y deja que motion_style_of lo reconozca.

QA para este estilo

Verifica estos puntos en cada hoja de contactos antes de dar por terminada una escena; el resto de la lista de verificación en motion-qa sigue aplicando.

  • Todo se lee como papel: textura de granulado, borde áspero, sombra paralela, sombreado de piezas apiladas, sin contornos ni degradados.
  • La cámara del mundo se mueve suavemente; solo el banner y las etiquetas hierven.
  • El banner está pegado con cinta adhesiva, de 3 a 7 palabras, un dato por compás, nunca repite la voz en off.
  • Las leyendas son una etiqueta rasgada por palabra, inclinadas, que aparecen al inicio, en la banda del 68-80%.
  • Un evento visual en cada palabra acentuada, con movimiento ambiental siempre activo.

Archivos

  • 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: el manifiesto (lienzo, lista de motores, rutas de documentación, raíces de audio)
  • sample.png: un fotograma representativo

Individual skills in this repo

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

bang-motion

Render a reel in the Bang Motion style: high-end cinematic motion graphics with a multi-layer glowing-horizon background, floating colour-mesh blobs, living film grain, frosted-glass UI cards, editorial kinetic typography, a breathing camera, and anti-PPT pacing. Use when the user says cinematic motion graphic, promo opener, product launch reel, kinetic typography, SaaS product tour, glassmorphic UI, anti-slides, or asks for a video that moves like footage instead of a deck. Gunakan skill ini setiap kali user meminta "video promo", "opener", "intro animasi", "motion graphic", "bumper", "kinetic typography", "animasi teks sinematik", "explainer", "video penjelasan" (jurnalisme visual, kartun edukasi, kolase), atau menunjukkan referensi video promosi/explainer dan ingin dibuatkan versi web-nya — bahkan bila mereka tidak menyebut kata "motion graphic" secara eksplisit. Juga gunakan bila user mengeluh hasil animasi web "seperti PPT/presentasi" dan ingin lebih sinematik, atau ingin meren...

isometric

Render a reel in the Isometric style: calm precise product line art in 2:1 dimetric isometric on a white or dark ground, drawn only with constant 2px hairlines, white-filled faces so nearer objects hide farther lines, rounded slabs with visible thickness, stacked layers, repeated-part grids, and one tiny dark accent per frame. Use when the user says isometric, product line art, technical illustration, exploded hardware view, or asks for a clean documentation-grade diagram look.

motion-build

Build and render a papercut episode from a storyboard with the library. Scaffolds the project, builds scenes with parallel agents, assets and audio, renders the mp4, then harvests reusables. Use for "build the reel", "scaffold an episode", "rebuild scene 4", "render it".

motion-explainer

Make a papercut reel, video or explainer end to end. Short vertical (9:16) cut-paper explainers from a link (repo, product page, announcement), idea to mp4. Also routes partial asks to the stage skills and hands out the style prompt for other tools.

motion-script

Turn a link into a papercut reel script. Researches a sourced facts list, writes the 75-95 word script on the 10-beat spine, a banner fact track, a staging table with one set per banner, and the humour pass. Use for "write the script", "research this repo for a reel".

motion-storyboard

Storyboard a papercut script before any code. Writes the Camera / Cut table, one block per scene with frame-level events on each stressed word, the SFX plan and the proof beat. Use for "storyboard this script" or "plan the camera moves and cuts".

Skills relacionados