Official shadcn/ui skill and MCP server: the agent searches registries, adds components via the CLI and follows the library's rules
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: 48
Official GreenSock skills that teach agents correct GSAP animation code, from tweens and timelines to ScrollTrigger, plugins and React
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 clone-website skill rebuilds a site from a URL as a clean Next.js app: screenshots, style extraction, parallel section builds and a visual diff
A design skill against templated AI interfaces: new pages, audits, redesigns and design extraction from a screenshot or URL
An agent skill that builds a presentation as a single HTML file: two visual styles, social covers and a presenter mode
An HTML design skill: clickable prototypes, slides with PPTX export, MP4 and GIF animations, infographics and expert review
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
Meng To's Agent Skills
Agent Skills
A skill library for expressive landing pages, animation, WebGL and Three.js browser games, with demos and prompts
A skill of ready CSS transitions for web interfaces: modals, dropdowns, toasts, loaders and dozens of other animations with matching rules
A design engine skill for local agents: mockups, prototypes, landing pages, dashboards and slides as self-contained HTML right in your editor
A rule set for coding agents that filters out generic AI look in UI, copy and code comments
A WeChat article layout skill: turns Markdown into paste-ready HTML with inlined styles that survives pasting into the official account editor
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
A set of 14 skills that teach the agent to build diagrams and visualizations right inside Markdown: UML, cloud and network schemes, charts, maps and cards
A skill that generates one-ink and two-ink editorial posters: paper substrate, halftone, negative space and restrained type
A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles
React Native Unistyles v3 skill
react-native-unistyles-v3
A skill for styling React Native with Unistyles v3: setup, themes, responsive layout, variants and v2 migration
A skill set for resumes and job search: tailoring to a vacancy, ATS pass-through checks, cover letters and interview preparation
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
Nano Banana Pro Prompts Recommend
AI Image Prompt Recommender
A skill that picks ready image-generation prompts from a large library, shows sample images and assembles a prompt for your text
A skill that turns reference UIs into a structured design profile in JSON and generates matching UI from your content
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.