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: 20
Vercel Agent Skills
Agent Skills
Vercel's skills: React and Next.js performance, UI guideline audits, React Native, component composition and deploys
A skill with a searchable base of styles, palettes, font pairings and UX rules that generates a design system per product type
Official Angular team skills: code generation with current practices, signals, forms, SSR and new app setup
The official tldraw skill for upgrading a project to a newer SDK version: detects versions, fetches release notes and fixes type errors
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
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 design engine skill for local agents: mockups, prototypes, landing pages, dashboards and slides as self-contained HTML right in your editor
A set of skills for web quality audits: performance, Core Web Vitals, accessibility, SEO and best practices from Lighthouse
A skill for building premium scroll-driven websites on a real design standard: typography, rhythm, depth, motion and in-browser verification
A skill that turns reference UIs into a structured design profile in JSON and generates matching UI from your content
A skill for Claude Code and other agents that builds websites directed like films: art direction before code, local CLI asset generation and an anti-slop linter
A skill methodology for reproducing websites, from a static page to heavy WebGL, built on real source code rather than agent-hallucinated code
A skill set that locks a project's design decisions into rules and checks the UI with a score gate and rendered screenshots
Meta-skill that reads a brand from a URL, name or screenshot and turns it into a full design system as a new skill
A web-design skill for Claude Code: a DESIGN.md spec first, then code that follows it
A skill that dissects and ports WebGL, WebGPU and Canvas effects from a page into a standalone local JS project
A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI
An interface design skill for the agent: diagnosis, four directions to choose, implementation and QA without an AI-template look
A skill and CLI that pull colors, type, spacing, radius and shadows from a public site and save them as JSON and CSS tokens
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.