Official GreenSock skills that teach agents correct GSAP animation code, from tweens and timelines to ScrollTrigger, plugins and React
Skills
A skill gives an agent a ready-made ability: a tested prompt, a set of steps, sometimes files and scripts. This section collects skills for Claude Code, Cursor, Codex and other agents, each with an install command, a risk level and a plain description of who needs it and when.
Match with Foxx AI
Describe the task or paste package.json, and Foxx AI will pick matching skills, MCP servers and CLI tools.
Found: 24
A skill set for the Vue, Vite and Nuxt stack: the author's conventions plus digests of official tool documentation
Bitrix24 UI skill for Vue and Nuxt
Bitrix24 UI
Bitrix24's official skill for its 130-plus b24ui-nuxt components: which component to reach for, semantic colors, forms and ready layouts
Four official Material UI skills: styling, theming, Next.js integration and working alongside Tailwind CSS
The official React Router skill: the agent identifies the app mode and follows the docs for the installed version
A design skill against templated AI interfaces: new pages, audits, redesigns and design extraction from a screenshot or URL
Jakub Krehel's Interface Skills
Interfaces skills
Skills for interface polish: typography, color, layout, accessibility, product copy and a review across all of them
Preline UI skills for agents: assemble Tailwind CSS component interfaces and generate themes from tokens
A skill of ready CSS transitions for web interfaces: modals, dropdowns, toasts, loaders and dozens of other animations with matching rules
A rule set for coding agents that filters out generic AI look in UI, copy and code comments
Make interfaces feel better
make-interfaces-feel-better
A skill about the small interface details: animations, typography, icons, shadows, radii, optical alignment and hit areas
Ten reference skills for Three.js: scene setup, geometry, materials, lighting, shaders, animation and post-processing
A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles
A set of skills for Vue 3 development: Composition API practices, router, Pinia, testing, JSX, Options API and debugging
Nothing Design
nothing-design
A skill for generating UI in the Nothing visual language: monochrome, Swiss typography, industrial rigor
AI Design Skills
landing-page-design
A skill for building a landing page from scratch: intake questions, page structure, conversion copy and a strict visual system
A motion design skill for agents: timing, easing, choreography and Disney animation principles applied to UI
A skill for building WebGPU apps on Three.js with TSL shaders: renderer setup, node materials, compute shaders, post-processing
Skills with Apple HIG, Material Design 3 and WCAG 2.2 rules for reviewing interfaces on iOS, macOS, Android, the web and more
Color Expert
color-expert
A color science skill: OKLCH, APCA and WCAG contrast, design system ramps, palette generation, pigment mixing and color history
Creative coding skills for Claude Code: motion, micro-interactions and visual systems for web, Android and Apple
Skills for the Symfony UX frontend stack: Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons and UX Map, with patterns and gotchas
Bitrix24 Nuxt dashboard template skill
Nuxt Dashboard Template
Bitrix24's official Nuxt dashboard starter built on b24ui, shipped with mock data and a skill that guides development inside the template's architecture
Russian stack
A reference and recipe skill for the Yandex Maps JS API v3: markers, clustering, search, geocoding and React/Next.js, plus the coordinate-order gotcha
Frequently asked questions
What is a skill for an AI agent?
A skill gives an agent a ready-made ability: a tested prompt, a set of steps, sometimes files and scripts. The agent picks it up and solves the task by the defined scenario.
How do I install a skill?
Each entry has an install command for a specific agent: Claude Code, Cursor, Codex and others. Usually you copy a folder into the skills directory or install it through a plugin manager.
How is a skill different from an MCP server?
A skill gives the agent knowledge and a sequence of actions, an MCP server gives access to external data and tools over a protocol. They are often used together.