motion-design-skill
Vermittelt Agenten Prinzipien der Bewegung wie Timing, Easing und Choreografie, bevor sie Animationscode schreiben.
Kostenlos
Design und Kreatives
★ 2870
#195
von 289 Skill-Repositories
2.9k
GitHub-Sterne
LottieFiles
Autor
// über
Der Skill vermittelt zuerst die gestalterischen Grundlagen und funktioniert mit jedem Animationssystem: CSS, Framer Motion, GSAP, Lottie oder Springs. Er fordert den Agenten auf, zunächst die gewünschte emotionale Wirkung festzulegen. Ein Beispiel-Prompt beschreibt, wie der Einstieg eines Dashboards choreografiert wird, sodass zuerst das Hauptdiagramm und anschließend die Statistik-Karten erscheinen. Unterstützt mehr als 40 Agenten.
// Installation
Run npx skills add LottieFiles/motion-design-skill.
// funktioniert mit
Claude CodeCodex
// ähnliche Skills in Design und Kreatives
ui-ux-pro-max-skill
Ein einzelner Claude Skill, der aus einer Projektbeschreibung ein UI/UX-Designsystem erstellt.
nextlevelbuilder · Design und Kreatives · ★ 144960
taste-skill
13 Agent Skills für weniger generisch wirkende KI-generierte Oberflächen.
Leonxlnx · Design und Kreatives · ★ 109725
open-design
Ein lokaler Design-Arbeitsbereich, in dem du und KI-Agenten Prototypen, Präsentationen und Videos erstellen.
nexu-io · Design und Kreatives · ★ 106528
impeccable
Ein Designvokabular für Coding-Agenten mit Befehlen wie polish, bolder und critique.
pbakaus · Design und Kreatives · ★ 101919
archify
Ein einzelner Agent Skill, der Architektur- und Workflow-Diagramme aus Beschreibungen in natürlicher Sprache erstellt.
tt-a1i · Design und Kreatives · ★ 93269
diagram-design
Ein einzelner Agent Skill mit 39 redaktionellen Diagrammvorlagen für KI-Coding-Agenten.
cathrynlavery · Design und Kreatives · ★ 64820