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.
How to install the goated-ui plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add flash-hero/GOATED-UI-SKILL
/plugin install goated-ui@goated-ui-skillWhat's inside goated-ui
1 part read from the plugin's own files.
Skills 1
Claude loads it when the task matches- 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.
Using goated-ui in Claude Code
Skills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update goated-ui@goated-ui-skill
- Refresh the marketplace
- /plugin marketplace update goated-ui-skill
- Turn it off for now
- /plugin disable goated-ui@goated-ui-skill
- Remove it
- /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 files12stars
goated-ui plugin questions
How do I install the goated-ui plugin?
In Claude Code run /plugin marketplace add flash-hero/GOATED-UI-SKILL, then /plugin install goated-ui@goated-ui-skill.
What does the goated-ui plugin include?
goated-ui bundles 1 skill.
How do I update or remove the goated-ui plugin?
Update it with claude plugin update goated-ui@goated-ui-skill in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall goated-ui@goated-ui-skill.
What license is the goated-ui plugin under?
MIT, as stated in the plugin's manifest.