Communitygithub.com

astroicers/visual-web-stack

Claude Code-Fertigkeit – Regeln und Rezepte für die paketübergreifende Integration von React 19 + R3F + Anime.js + GSAP + Lenis + Zustand

Was ist visual-web-stack?

Die Fertigkeit 'astroicers/visual-web-stack' ist ein spezialisierter Skill für Claude Code, der Entwickler bei der Integration einer Reihe leistungsstarker Web-Frontend-Bibliotheken unterstützt: React 19, React Three Fiber (R3F), Anime.js, GSAP, Lenis und Zustand. Sie bietet einheitliche Regeln und geprüfte Rezepte, um diese Pakete reibungslos miteinander zu kombinieren und typische Probleme wie Konflikte bei Animations-Timings, State-Management über verschiedene Rendering-Loops hinweg oder die Koordination von 3D- und 2D-Animationen zu vermeiden. Der Skill eignet sich für Projekte, die komplexe visuelle Erlebnisse erfordern – etwa interaktive 3D-Webseiten, animierte Dashboards oder gamifizierte Oberflächen. Er wird direkt in Claude Code über den Befehl `/skill astroicers/visual-web-stack` aktiviert und stellt sicher, dass der KI-Assistent bei Codegenerierung und Refactoring konsistent die bewährten Integrationsmuster anwendet.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add astroicers/visual-web-stack

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht visual-web-stack?

Claude Code-Fertigkeit – Regeln und Rezepte für die paketübergreifende Integration von React 19 + R3F + Anime.js + GSAP + Lenis + Zustand

Verwandte Skills