aievolutionpl/social-motion-agent

Bewegungs-Effekt-Wähler

Quelle: tools/repos/awesome-ai-motion (MIT; GSAP unter seiner kostenlosen Lizenz gebündelt, siehe dessen ATTRIBUTIONS.md). 637 Effektkarten, 128 davon mit gerendertem Clip und HTML-Vorlage, 11 Rezepte, Entscheidungstabellen. Lies niemals den gesamten Index; frage ihn ab.

Schritte

1. Formuliere die Szenenabsicht und das Medium in einem Satz („die Frage, die das Video eröffnet, Kurzfilme“).
2. Frage ab:

python -S studio.py motion find reveal --purpose attention --medium shorts --rendered --limit 8
python -S studio.py motion show mask-reveal
python -S studio.py motion recipe            # Liste der Rezepte
python -S studio.py motion recipe edu-hook   # Schritte mit Zeit und Parametern

Zwecke: attention, explanation, comparison, sequence, emphasis, transition, data, feedback, atmosphere, branding. Medien: explainer, shorts, scrolldeck, presentation, product-demo, data-story, web-ui. Auch --family, --level. 3. Wähle 2 oder 3 Kandidaten aus, lese auf jeder Karte use_when, avoid, params, ease, pairs_with. Nimm zuerst die Standardwerte der Karte, passe sie dann an. 4. Setze nach den gemeinsamen Regeln zusammen: ein Fokus pro Szene, eine Hauptaktion plus ein oder zwei unterstützende, den Endzustand lange genug halten zum Lesen, nur transform und opacity. 5. Implementiere als reine Funktion der Zeit. Der Karten-snippet ist GSAP; übersetze ihn, importiere ihn nicht:

• Sekunden in Fortschritt: p = clamp((t - start) / duration); Staffelung = start + i * gap
• Easing aus templates/motion-helpers.js (easeOut, easeIn, easeInOut, backOut, elasticOut, spring): power3.out ist easeOut(3)
• yPercent: 110 -> 0 ist translateY(110% -> 0%) auf der Zeile innerhalb eines overflow: hidden-Fensters

6. Baue mit motion-ui-polish (Tokens und Gate), betrachte die Frames zu Beginn, der Hauptaktion und dem Endzustand, vergleiche mit der good_example der Karte.

Wenn eine Vorlage existiert

Wenn show ein html_template ausgibt, öffne es, um Struktur und Timing zu sehen, kopiere es in das source/-Verzeichnis des Auftrags und ersetze Text oder Daten. Behalte die Zeitleiste bei. Führe das render.mjs des Katalogs nicht aus, ohne seine Playwright-Abhängigkeit zu installieren; unsere Pipeline rendert durch vstudio oder den HTML-Renderer.

Erste fünf Sekunden (Bildungs- und Erklärvideos)

0 bis 1 s eine Frage oder ein überraschendes Ergebnis; 1 bis 3 s ein Hinweis auf den Mechanismus oder Vergleich; 3 bis 5 s das Lernversprechen mit einem lesbaren Halten. Ein Anspruch pro Bildschirm. Große Kamerabewegungen nur, um die Frage oder das Ergebnis zu enthüllen. Beginne mit motion recipe edu-hook, dann mask-reveal, split-compare, count-up, annotation-callout.

Grenzen

• Die Parameternamen der Karten sind teilweise Koreanisch; Werte, Bereiche, ease und snippet sind sprachneutral. Beschreibungen und Aufforderungen werden auf Englisch zurückgegeben.
• Eine planned-Karte hat keinen Clip oder Vorlage; verwende nur ihre Parameter und Aufforderung.
• Übermäßig genutzte Effekte wirken generiert. Wiederhole keinen Effekt an mehr als einem Element pro Szene und staple nicht drei Effekte auf denselben Moment.