NightZpy/explanatory-animations-skill

Was ist explanatory-animations-skill?

Diese Fähigkeit (Skill) ermöglicht es AI-Agenten wie Claude Code, interaktive und animierte Erklärungen direkt im Browser zu erstellen. Sie basiert auf der leistungsstarken Anime.js v4 Bibliothek und bietet 16 vorgefertigte Animationsmuster, die von einfachen Übergängen bis hin zu komplexen, mehrstufigen Erklärungen reichen. Der Skill ist besonders nützlich für Entwickler, die Benutzern komplexe Konzepte visuell veranschaulichen möchten, sei es für Dokumentationen, Tutorials oder interaktive Demos. Er unterstützt drei verschiedene Export-Pipelines: als HTML-Datei, als GIF-Animation und als WebM-Video, sodass die erstellten Erklärungen in verschiedenen Kontexten wiederverwendet werden können. Die Implementierung erfolgt durch die Nutzung von Anime.js zur Steuerung von CSS-Eigenschaften oder SVG-Attributen, und der Skill bietet über seine SKILL.md-Dokumentation eine klare Anleitung zur Parametersteuerung, so dass auch komplexe Animationen mit wenigen Anweisungen definiert werden können.