Communitygithub.com

kelvinmacaco/short-animation

Verwenden Sie diese Skill, um animierte Szenen für ein Short im generate.py zu zeichnen – wählen Sie das richtige Stück aus der lib_short für jeden Abschnitt (Titel von Frame 0, Wörter, Zähler, Ziele, Pfeile, SVG-Flaggen, Fortschrittszünder, Enthüllung per Bildschirmfüllung, ruhiges oder energetisches Ende, Loop) und garantieren Sie eine Interaktion pro Szene im Ton des Videos.

Was ist short-animation?

Diese Skill ist speziell dafür konzipiert, animierte Szenen für Kurzvideos (Shorts) zu erstellen, basierend auf einem vorgegebenen Skript im generate.py. Sie unterstützt Entwickler bei der Auswahl passender Bausteine aus der lib_short für verschiedene narrative Elemente wie Hooks, gesprochene Zeilen, Zahlen, Ziele, Konflikte, Länderflaggen, Fortschrittsanzeigen und Endsequenzen. Die Skill wird in Umgebungen verwendet, die hyperframes, hyperframes-registry und graphify integrieren, und folgt strengen Regeln zu Zeitsteuerung (Änderungen alle 1,5–2,5 Sekunden), sicheren Bereichsgrenzen (x 90–900, y 170–1330) und Clip-Animationen (keine visibility/opacity am eigenen Clip, keine Zufallseffekte). Sie ist besonders nützlich für Videoproduktionen, die einen konsistenten visuellen Stil und klare Interaktionen pro Szene erfordern, und bietet vorgefertigte Szenen und Effekte, die je nach Ton (schwer oder leicht) angepasst werden können.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/kelvinmacaco/kit-shorts-virais/tree/HEAD/.claude/skills/short-animation

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Animation der Szenen

Unterstützung: die Skills hyperframes (Rendervertrag, Timelines, Clip-Regeln), hyperframes-registry (suche nach einem fertigen Block, bevor du von Hand zeichnest, z.B. Glitch, CRT, Grafiken) und graphify, um ein passendes Stück in der lib zu finden (graphify explain "pavio_scene").

Gehe von template/build/generate.py aus, das bereits eine Beispielszene für jeden Teil des Drehbuchs enthält.

Richtiges Stück für jeden Abschnitt

AbschnittStückHinweis
Frame 0 / Aufhängerhook_html + shake + driftDerselbe Titel kommt im Loop zurück
Gesprochener Satzkline + words_js; slam beim SchlüsselwortEine Zeile pro Abschnitt mit 2–4 Wörtern
MysteriumLichter, die angehen, slam bei "PIOR"/"DATA"Kalender, der sich dreht ("20??")
Zahlencounter(...) + Impact-Skalierung + shakeFormat pt-BR (toLocaleString)
Ort oder ZielRinge ping pulsierendMit einem Datum oder einer Schrift in mono
KonfliktPfeile, die aufeinanderprallen + Flash hitSeite A × Seite B
Seiten oder LänderSVG-Flaggen + Linien, die sich zeichnen (pathLength="1") + reisende Punkte mit EtikettenOhne Wappen
Fortschritt der Listepavio_scene, ein Zünder, der bei jedem Element abbrennt und am Höhepunkt explodiertAnstelle von "1/3"; step_badge nur im Notfall
Schaden, AusmaßBildschirm, der sich mit Punkten füllt (clip-path) + riesiger ZählerDatenquelle in mono
TV-Fenstertvv + enter_tvFür liegende Clips
Schweres EndeSanfte Frage, Herz, das langsam voll wird, dunkle follow_card, Überblendung bis SchwarzKein Pop, Sparkle, Flash oder Schnitt
Leichtes Endelike_block + plane_svg + follow_cardDarf Pop und Glanz haben
LoopUmgekehrter Clip des Aufhängers, der auf Frame 0 endet + derselbe TitelAus Schwarz (schwer) oder mit osd_rewind (leicht)

Regeln

  • Etwas ändert sich alle 1,5–2,5 s und jede Szene hat eine Interaktion.
  • Zeiten: lokal innerhalb von scene() und global in SCENES, Schnitte, Effekte und Untertitel.
  • Sicherer Bereich: Text bei x 90–900 und y 170–1330. Lange Zeile: Schriftgröße reduzieren (Archivo Black belegt ~0,75 em pro Buchstabe).
  • Marke @: die lib setzt sie unter den Untertitel (WM_TOP); zeichne keine weitere.
  • Clip-Regeln:
    • animiere nicht visibility/opacity des eigenen Clips;
    • verwende immediateRender:false bei nachfolgenden fromTo;
    • repeat mit yoyo für kontinuierliche Effekte (Funke, Puls);
    • nichts Zufälliges (Körnung verwendet Saat).
  • Ton: in schweren Videos ein roter Puls mit maximal 0,32 Deckkraft; in leichten Videos kräftigere Farben.

Individual skills in this repo

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

Verwandte Skills