SkillAnimated Stats Video
Zahlen, die schauspielern – Hochzähler, ein wachsender Balken und eine Endzahl, die landet.
Funktioniert mit: Claude Code, Codex, Cursor, Muse · Version 1.0 · Du brauchst: Node.js 18+ und npm; rendert lokal mit Remotion (der erste Lauf lädt ein Headless-Chrome herunter).
Kostenlos herunterladen Alle Premium-Skills freischalten
Vorschau
Das bekommst du
- Komplettes Remotion-Projekt (Komposition + Render-Skript)
- Drei animierte Beats, angetrieben von einem einzigen Easing-Helfer
- Hochzählende Zahlen, Fortschrittsbalken und Endzahl
- 1080x1080-MP4-Ausgabe, bereit für Social und Landingpages
Über diesen Skill
Rendert ein animiertes Statistik-Video aus Code: eine Hauptmetrik, die hochzählt, ein Fortschrittsbalken, der mit seinem Zähler wächst, und eine Endzahl, die mit ihrer Bedeutung landet. Drei Beats, etwa sechs Sekunden, vollständig deterministisch – gemacht für Metrik-Zusammenfassungen, Meilenstein-Posts und Stakeholder-Updates, bei denen Zahlen mehr verdienen als ein Screenshot.
Ausprobieren
scripts/render.sh ./stats.mp4Gut geeignet für
- Metrik-Zusammenfassungen und Meilenstein-Ankündigungen
- Investoren- und Stakeholder-Updates
Nicht geeignet für
- Live-Dashboards oder Echtzeitdaten
Installation
- Kopiere den Installations-Prompt in deinen Agenten:
Read https://skillu.dev/install/agent.md, then install the Animated Stats Video skill (animated-stats-video). - Oder lade das Skill-Paket nach dem Start von dieser Seite herunter und lege seinen Ordner in das Skills-Verzeichnis deines Agenten.
- Rufe ihn per Slash-Befehl auf, z. B.
/animated-stats-video, und beschreibe in einfachen Worten, was du willst.
Häufige Fragen
Welche Zahlen sollte ich animieren?
Drei, die du belegen kannst: eine Hauptmetrik, ein Fortschrittsmaß, eine Ergebniszahl – jede mit einer Beschriftung, die sagt, was sie bedeutet.
Kann ich das Timing ändern?
Ja. Jeder Beat animiert zwischen zwei Frames über den ease()-Helfer; verschiebe die Bereiche, um das Timing anzupassen.