goated-ui Plugin
Awwwards-grade front ends for your coding agent: 474 verified recipes (GSAP ScrollTrigger + Lenis, CSS scroll-driven animations, view transitions, text effects, WebGL/R3F, modern CSS, color, layout, 30 aesthetic directions) plus motion and CLS audit scripts.
So installierst du das goated-ui Plugin
Führe beide Befehle in Claude Code aus. Der erste fügt den Marketplace einmalig hinzu; der zweite installiert das Plugin.
/plugin marketplace add flash-hero/GOATED-UI-SKILL
/plugin install goated-ui@goated-ui-skillWas ist in goated-ui enthalten
1 Teil wurden aus den eigenen Dateien des Plugins gelesen.
Skills 1
Claude lädt es, wenn die Aufgabe passt- frontend-atlas
Verified 2026 implementation cookbook for Awwwards-grade front ends (474 recipes, type-checked and browser-audited). Covers motion and easing tokens, GSAP ScrollTrigger + Lenis choreography (pin, scrub, horizontal, stacked cards, SplitText), CSS scroll-driven animations, modern CSS (@starting-style, anchor positioning, @property, container queries), text effects and font pairing, hover/cursor/micro-interactions, view and route transitions, preloaders and menus, CSS/SVG/canvas backgrounds, WebGL shaders and Three.js/R3F, 21st.dev / Aceternity / Magic UI / React Bits components, OKLCH color, layout and hero composition, 30 aesthetic directions, performance and accessibility. Use when building, styling, animating or redesigning any website, landing page, portfolio or UI component, or when the user asks for an effect ("make it feel premium", "scroll animations", "smooth scroll", "parallax", "text reveal", "shader background", "page transition", "custom cursor", "bento", "marquee"), even if no library is named.
Verwendung von goated-ui in Claude Code
Skills benötigen keinen Command. Claude liest sie, wenn deine Anfrage dem entspricht, was sie beschreiben.
Aktualisieren, deaktivieren oder entfernen
- Plugin aktualisieren (shell)
- claude plugin update goated-ui@goated-ui-skill
- marketplace aktualisieren
- /plugin marketplace update goated-ui-skill
- Vorerst deaktivieren
- /plugin disable goated-ui@goated-ui-skill
- Entfernen
- /plugin uninstall goated-ui@goated-ui-skill
Skills in goated-ui
- frontend-atlasflash-hero/GOATED-UI-SKILL
Verified 2026 implementation cookbook for Awwwards-grade front ends (474 recipes, type-checked and browser-audited). Covers motion and easing tokens, GSAP ScrollTrigger + Lenis choreography (pin, scrub, horizontal, stacked cards, SplitText), CSS scroll-driven animations, modern CSS (@starting-style, anchor positioning, @property, container queries), text effects and font pairing, hover/cursor/micro-interactions, view and route transitions, preloaders and menus, CSS/SVG/canvas backgrounds, WebGL shaders and Three.js/R3F, 21st.dev / Aceternity / Magic UI / React Bits components, OKLCH color, layout and hero composition, 30 aesthetic directions, performance and accessibility. Use when building, styling, animating or redesigning any website, landing page, portfolio or UI component, or when the user asks for an effect ("make it feel premium", "scroll animations", "smooth scroll", "parallax", "text reveal", "shader background", "page transition", "custom cursor", "bento", "marquee"), even if no library is named.
23 Dateien12Stars
Fragen zum goated-ui Plugin
Wie installiere ich das goated-ui Plugin?
Führe in Claude Code /plugin marketplace add flash-hero/GOATED-UI-SKILL aus, dann /plugin install goated-ui@goated-ui-skill.
Was enthält das goated-ui Plugin?
goated-ui bündelt 1 Skill.
Wie aktualisiere oder entferne ich das goated-ui Plugin?
Aktualisiere es mit claude plugin update goated-ui@goated-ui-skill in deiner shell oder über den Installed-Tab von /plugin. Entferne es mit /plugin uninstall goated-ui@goated-ui-skill.
Unter welcher Lizenz steht das goated-ui Plugin?
MIT, wie im Manifest des Plugins angegeben.