Kreativ-Exzellenz-Plugin für Claude Code verbessert Animationsqualität durch Interaktionsthese
Ein Entwickler hat das Creative Excellence Plugin für Claude Code erstellt, um die Qualität der vom KI-Assistenten generierten Animationen und Motion Designs zu verbessern. Das Plugin adressiert das häufige Problem, dass Claude generische Hover-Effekte, zufällige Farbverläufe, Glassmorphism und einfache Animationen erzeugt, indem es einen strukturierten Ansatz für Motion Design implementiert.
Funktionsweise
Die Kerninnovation ist das Konzept der 'Interaktions-These'. Bevor Claude Code schreibt, muss er ein Bewegungskonzept in einem Satz beschreiben, wie zum Beispiel 'knackige 150ms ease-out mit Slide+Fade' oder 'filmische Clip-Path-Enthüllungen mit gestaffeltem Text'. Der Benutzer genehmigt oder lehnt dieses Konzept ab, bevor die Programmierung beginnt, was unpassende Animationen wie Bounce-Effekte in seriösen Anwendungen wie Banking-Apps verhindert.
Nach der Genehmigung bestimmt Claude automatisch den passenden Technologie-Stack (GSAP, Framer Motion, native CSS-Animationen usw.), ruft nur relevante Teilfähigkeiten ab, implementiert die Animation und führt grundlegende Überprüfungen durch, einschließlich der Unterstützung von prefers-reduced-motion, Exit-Animationen und Layout-Performance.
Plugin-Funktionen
- Zwei Einstiegspunkte:
/creative-excellencefür die Arbeit mit bestehenden Projekten und/design-excellencefür die komplette Pipeline von der Ideenfindung über die Implementierung bis zum Audit - 8 Teilfähigkeiten, die abdecken: Bewegungsprinzipien, GSAP, Framer Motion, native CSS-Animationen, Three.js/R3F, generatives Canvas, Design-Auditing und Design-Systeme
- SCHLECHT/GUT-Code-Vergleiche und konkrete 'Nicht tun'-Regeln, um zu verhindern, dass Claude schlecht improvisiert
- Basierend auf untersuchten Repositories, einschließlich mxyhi/ok-skills, kylezantos/design-motion-principles und freshtechbro/claudedesignskills
Installation
Das Plugin ist kostenlos und Open Source unter github.com/AThevon/creative-excellence. Installation mit:
/plugin marketplace add [email protected]:AThevon/creative-excellence.git
/plugin install creative-excellenceDer Entwickler freut sich über Feedback und Pull Requests für Verbesserungen.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Godmode-Plugin fügt autonome Iterationsschleife zu Claude Code und anderen KI-Codierungsagenten hinzu
Godmode ist ein Open-Source-Plugin, das Claude Code eine autonome Messen-Modifizieren-Verifizieren-Schleife hinzufügt, mit parallelen Agenten, Fehlerspeicher und 126 Fähigkeiten wie Optimierung, Sicherheitsaudits und TDD. Es funktioniert mit Cursor, Codex, Gemini CLI und OpenCode.
Models.dev: Open-Source-Datenbank mit KI-Modellspezifikationen, Preisen und Fähigkeiten
Models.dev ist eine quelloffene, von der Community gepflegte Datenbank mit KI-Modellspezifikationen, Preisen und Fähigkeiten. Sie bietet eine API und TOML-basierte Definitionen für Anbieter und Modelle.
OpenClaw Skill Pack: Ein Command-Set mit über 2.500 Befehlen für echte autonome Operationen auf Ubuntu
Ein neues Fähigkeitenpaket für OpenClaw AI-Agenten führt über 2.500 Ausführungsfähigkeiten für DevOps-Operationen ein, wie z. B. Docker-Verwaltung, Netzwerkkonfiguration, CVE-Reaktion und Systemautomatisierung in Ubuntu-Umgebungen.
Rift CLI: Verwalten Sie Git Worktrees für parallele KI-Agenten-Workflows
Rift ist ein CLI-Tool, das isolierte Git-Worktrees und Branches erstellt, um mehrere KI-Coding-Agenten wie Claude Code gleichzeitig im selben Repository auszuführen. Es umfasst Lifecycle-Hooks, deterministisches Port-Mapping und Multi-Editor-Workspace-Unterstützung.