Document Collapse Contrast
Pliega la versión larga y deja que el espectador sienta la diferencia.
Anima un documento completo que se pliega estilo acordeón hasta su resumen compacto y, opcionalmente, se despliega de nuevo, para que el contraste entre profundidad y brevedad sea visible. Construido en torno a una única identidad visual compartida por ambos estados.

Instálala en 3 pasos
Sin registro. Sin herramientas CLI. Elige tu IA, copia una línea y pégala.
¿Prefieres hacerlo tú mismo? Compra la habilidad ($4.99), descarga el ZIP desde la confirmación de compra, descomprímelo en el directorio que se muestra arriba y reinicia tu sesión de IA — el mismo resultado. ¿Ya la compraste? Tu asistente de IA puede descargarla por ti.
Qué incluye
Un SKILL.md (la guía paso a paso) + una plantilla inicial. Una vista previa:
Document Collapse Contrast
When to use
- An explainer contrasts a full document (report, contract, brief) with its collapsed summary and wants viewers to feel the size difference, not just hear it
- A "TL;DR" beat needs to show what got compressed away, not only what survived
- A pitch shows a long process collapsing into a one-page checklist — the collapse itself is the selling point
- A tutorial moves between the full reference and the quick-start version and viewers keep losing which one they're looking at
Workflow
- Build both states (input: your document → output: expanded + collapsed versions)
Design the EXPANDED state first: a page (or stack of pages) with visible structure — headings, paragraphs, a few lines of body text rendered as real lines, not gray bars. Then design the COLLAPSED state: the same document reduced to its skeleton — headings only, or a single summary card. The two states must share one visual identity (same header, same accent color) so the viewer reads them as two views of one document, not two different documents. - Set the contrast frame (input: two states → output: opening composition)
Open on the expanded document, full height, slightly angled or centered with margins so its length is visible. If the document is long, show a page stack (2–4 pages fanned or stacked with offset edges) rather than one endless scroll — the stack's thickness is what sells "long". Hold 1.0–1.5s so the viewer registers the full version's weight. - Collapse (input: expanded state → output: collapse transition)
Collapse in one continuous move, ~0.7–0.9s, ease-in-out: the page stack concertinas down — sections fold up into their headings (accordion-style, each section folding 0.08s after the one above it), body lines fade and shrink as their section folds, and the stack's thickness visibly thins. End on the collapsed state at the same position and scale anchor as the expanded one, so the change reads as transformation, not a swap. Never crossfade between two static states — a crossfade hides the collapse, which is the whole point. - Hold the contrast (input: collapsed state → output: comparison beat)
Hold the collapsed state 1.0–1.5s. Then, optionally, show both states side by side for one beat: the collapsed version stays center while a ghost of the expanded version (30–40% opacity, slightly scaled down) sits beside it, with a size label ("12 pages → 1 page", "2,400 words → 180"). The ghost is a reference, not a second document — it fades after 1.5–2s and never gets its own animation. - Expand back or move on (input: collapsed state → output: finished motion)
If the scene's argument needs it, expand back to the full document with the reverse move (sections unfold top to bottom, same timing, same easing) — the round trip proves nothing was lost, only folded. Otherwise, cut from the collapsed state into the next scene. If you expand back, don't re-hold the expanded state longer than the opening hold; the audience already saw it.
Vista previa de la plantilla
Document Collapse Contrast — Motion Brief Template
One document, two views: full and folded. Fill this in before keyframing.
Document: {report / contract / brief / guide}
Shared identity: header "{header text}" + accent {color} — identical in both states.
Expanded state
- Form: {single page / stack of {2–4} pages, fanned / offset edges}
- Structure shown: headings: {list} + real body lines (not gray bars)
- Length cue: {page stack thickness / page count label}
- Opening hold: {1.0–1.5}s
Collapsed state
- Form: {headings only / single summary card}
- Summary content (real text, not placeholder): {summary text}
El paquete de la habilidad (SKILL.md + plantilla) está escrito en inglés.


