Frontend & UI
GSAP Skills
Offizielles GSAP-Animations-Set, von Core-Tweens über ScrollTrigger bis React.
Worum es geht
GreenSocks offizielles Skill-Set, um Web-Animation mit GSAP zu bauen. Acht Module decken die Core-API, Timelines, ScrollTrigger, Plugins, React, weitere Frameworks, Performance und Utilities ab.
Bundles 8 modules: core / timeline / scrolltrigger / plugins / react / frameworks / performance / utils
Official GSAP animation skill set: core API, timelines, ScrollTrigger, plugins, React, other frameworks, performance and utils.
Warum das fürs Design zählt
- Motion folgt GSAPs echter API, statt dass der Agent die Syntax errät.
- ScrollTrigger und Timelines werden sauber sequenziert, nicht ad hoc gestapelt.
- Performance-Regeln halten Animation flüssig statt ruckelig beim Scrollen.
Was es abdeckt
- Core API
- Timelines
- ScrollTrigger
- Plugins
- React and frameworks
- Performance and utils
So installierst du es
GSAP Skills
-
Klone das Repo.
git clone https://github.com/greensock/gsap-skills -
Verweise Codex auf die Skill-Datei.
skills/gsap-core/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Installiere das GSAP-Skill-Set, damit Codex das passende Modul laden kann.
-
Verlange die gewünschte Motion, das richtige Modul übernimmt die API.
-
Greif in einem Komponentenbaum zum React- oder Frameworks-Modul.
Jedes Plugin hier ist kostenlos, quelloffen und verlinkt auf seine echte Originalquelle.
Mehr auf der codex-design-Liste ↗Weitere Codex-Design-Plugins
Frontend & UI Was es macht gpt-taste Baut preisverdächtige Landingpages mit GSAP-Scroll-Motion und lückenlosen Bento-Grids. 
Design-Systeme Was es macht Stitch Design Taste Schreibt eine DESIGN.md, die Google Stitch zu nicht-generischen Screens lenkt. 
Frontend & UI Was es macht image-to-code Erzeugt zuerst Design-Bilder, analysiert sie und baut dann passenden Frontend-Code. 
Frontend & UI Was es macht imagegen-frontend-mobile Erzeugt hochwertige Mobile-App-Screen-Flows als Bilder, nicht als Code. Nächster Schritt
Mit Open Design designen, ohne Setup
Installiere dieses Plugin selbst, oder leg mit Open Design eine ganze kuratierte Design-Ebene um Codex. Eigener Key, eigenes Ergebnis.