Stop Hand-Holding AI - Complete Guide to Skills Aggregation Platforms and Repositories
3/26/2026
查看这篇文章的中文版本Introduction
“Every time I use Claude Code for frontend development, I have to repeat the same instructions: use Tailwind, follow React best practices, pay attention to accessibility… Can’t I just teach it once and have it remember forever?”
This is a common pain point for many AI programming users - every new conversation feels like the AI has amnesia, and you have to start from scratch.
Skills were created to solve this problem. Install a Skill, and your AI Agent gains a new capability that automatically activates when encountering related tasks - no more repetitive instructions needed.
In this article, I’ll explain what Skills are, take you through Vercel’s Skills aggregation platform skills.sh, and provide a comprehensive overview of all mainstream repositories and platforms to help you find the skill packages you need in one place.
What are Skills
Simply put, Skills are “skill packages” for AI Agents.
Think of it like apps on your phone: a phone comes with basic functionality out of the box, but install WeChat and you can chat, install Amap and you can navigate. Skills work the same way - Claude Code, Cursor, Copilot and other AI Agents have general capabilities, but after installing Skills, they gain specialized knowledge and workflows for specific domains.
Technically, each Skill is just a SKILL.md file containing structured instructions, best practices, and scripts written in Markdown. AI Agents automatically load the corresponding Skill when needed and follow the guidance inside to complete tasks.
This design has three core principles:
- Progressive disclosure: Only loaded when needed, doesn’t waste context window
- Composability: Multiple Skills can be stacked and used together without conflicts
- Cross-Agent compatibility: The same Skill can be used across 40+ Agents including Claude Code, Cursor, Codex, Windsurf, and more
Vercel Skills Aggregation Platform: skills.sh
Vercel’s skills.sh is currently the most mainstream Skills aggregation platform, essentially the npm of the Skills world.
Open skills.sh and you’ll see a leaderboard page where all Skills are ranked by installation count, supporting three dimensions: All Time (total), Trending 24h (daily), and Hot (popular).
As of now, skills.sh has indexed hundreds of Skills with cumulative installations exceeding 88,000+, covering frontend development, testing, design, DevOps, marketing, and many other fields.
Current Top 5 Skills by installation count:
| Rank | Skill Name | Source | Installations |
|---|---|---|---|
| 1 | find-skills | vercel-labs/skills | 561K |
| 2 | vercel-react-best-practices | vercel-labs/agent-skills | 212K |
| 3 | web-design-guidelines | vercel-labs/agent-skills | 167K |
| 4 | frontend-design | anthropics/skills | 159K |
| 5 | remotion-best-practices | remotion-dev/skills | 147K |
Click on any Skill to see its description, usage instructions, and installation command.
The list of AI Agents supporting Skills is extensive: Claude Code, Cursor, GitHub Copilot, Codex, Windsurf, Cline, AMP, Gemini CLI, Trae, Roo Code, OpenCode, and 40+ other mainstream tools are all supported.
Beyond skills.sh - Complete Overview of Mainstream Repositories and Platforms
While skills.sh is great, it’s just the tip of the iceberg. The Skills ecosystem has become quite prosperous. I’ve organized everything by category for you.
1. Aggregation Platforms: Browse Skills Like an App Store
| Platform | URL | Features |
|---|---|---|
| skills.sh | https://skills.sh/ | Official Vercel aggregation site, 24h trending rankings, one-click install |
| SkillsMP | https://skillsmp.com/ | Aggregates 500K+ GitHub skills, supports Chinese interface and category browsing |
| agentskills.io | https://agentskills.io/ | Official Agent Skills standard site, read specs and documentation |
skills.sh is great for quickly browsing popular Skills, while SkillsMP has the advantage of larger collection and Chinese search support. Using both together works best.
2. Official Repositories: Highest Quality, Install First
| Repository | URL | Content |
|---|---|---|
| anthropics/skills | https://github.com/anthropics/skills | Official Anthropic repository, includes PDF/Word/PPT/Excel document processing, frontend design, MCP building, algorithmic art, and more than a dozen high-quality Skills |
| vercel-labs/agent-skills | https://github.com/vercel-labs/agent-skills | Official Vercel skill set, React/Next.js best practices, web design guidelines, React Native, etc. |
| vercel-labs/skills | https://github.com/vercel-labs/skills | Skills CLI tool repository, also includes find-skills and other core Skills |
| microsoft/github-copilot-for-azure | https://github.com/microsoft/github-copilot-for-azure | Microsoft Azure series, 18+ cloud service related skills, cumulative installations 2.5M+ |
| github/awesome-copilot | https://github.com/github/awesome-copilot | Official GitHub Copilot Skills, covering Git commits, PR reviews, Dockerfiles, Playwright testing, etc. |
Skills from official repositories are polished by teams with guaranteed quality. Beginners should start here.
3. Community Curated Collections: Discover Great Skills in One Place
| Repository | URL | Features |
|---|---|---|
| VoltAgent/awesome-agent-skills | https://github.com/VoltAgent/awesome-agent-skills | 500+ curated Skills from Anthropic, Google Labs, Vercel, Stripe, Cloudflare and other official teams, strict quality control |
| heilcheng/awesome-agent-skills | https://github.com/heilcheng/awesome-agent-skills | Curated skills + tools + tutorials Awesome collection, covering multiple platforms |
| ComposioHQ/awesome-claude-skills | https://github.com/ComposioHQ/awesome-claude-skills | Community-maintained Claude Skills navigation, clearly categorized |
| itgoyo/awesome-agent-skills | https://github.com/itgoyo/awesome-agent-skills | Chinese community maintained, aggregates hot Skills sites and repositories from across the web |
4. Domain-Specific Repositories: Deep Coverage in Vertical Fields
| Repository | Domain | Content |
|---|---|---|
| obra/superpowers | Development Workflow | brainstorming, writing-plans, systematic-debugging, TDD and other full development process Skills |
| coreyhaines31/marketingskills | Marketing | SEO audit, copywriting, content strategy, advertising, pricing strategy and 20+ marketing Skills |
| expo/skills | React Native | Expo development, native UI building, data fetching, CI/CD and other mobile Skills |
| jimliu/baoyu-skills | Chinese Content Creation | WeChat official account publishing, Xiaohongshu covers, article illustrations, Markdown to HTML, etc. |
| vercel-labs/agent-browser | Browser Automation | Note: This is not a pure Skill repository but a browser automation tool with 5 bundled Skills including agent-browser, dogfood (automated testing), slack (token-free Slack operations). Install the tool first, then the Skill teaches AI how to use it |
| supabase/agent-skills | Database | Supabase Postgres best practices |
Tip: If you’re not sure which repository to look in, just install the
find-skills“meta-skill” and search using natural language within your Agent - no need to browse repositories one by one.
How to Install Skills - Three Methods to Choose From
Many articles immediately show you long npx skills add ... commands that look intimidating. This is just one installation method. Regardless of which method you use, the end result is exactly the same - placing the SKILL.md file in the corresponding directory. After installation, Skills are passively triggered and work automatically - you don’t need to memorize any commands.
Method 1: Claude Code /plugin Command (Recommended for Claude Code Users)
If Claude Code is your primary tool, this is the most convenient method - operate directly within Claude Code:
# Register official Skill marketplace
/plugin marketplace add anthropics/skills
# Then browse and install through interactive menu
# Select Browse and install plugins → Choose Skill → Install now
# Or install directly with specific command
/plugin install document-skills@anthropic-agent-skills
/plugin install example-skills@anthropic-agent-skills
Install and use immediately, no additional steps needed.
Method 2: Manually Copy SKILL.md (Most Universal)
Download the SKILL.md file from a GitHub repository and place it in the corresponding directory:
| Agent | Project-level Path | Global Path |
|---|---|---|
| Claude Code | .claude/skills/ | ~/.claude/skills/ |
| Codex | .agents/skills/ | ~/.codex/skills/ |
| Cursor | .agents/skills/ | ~/.cursor/skills/ |
This method is most flexible - you can visually manage these files in tools like CC Switch.
Method 3: npx skills CLI (Batch Installer for Multi-Agent Users)
If you use multiple Agents like Claude Code, Cursor, Codex simultaneously, Vercel made a cross-Agent universal installer that can install to all Agents at once:
npx skills add https://github.com/anthropics/skills --skill frontend-design
After running, interactively select which Agents to install to, global or project-level, and whether to use symlinks or copy. Only use once during installation, then you’re done.
Which Method to Choose
| Your Situation | Recommended Method |
|---|---|
| Only use Claude Code | /plugin command, most convenient |
| Use CC Switch for management | Manual copy, visual management |
| Use 3+ Agents simultaneously | npx skills CLI, install all at once |
How to View Installed Skills
Three ways to check what Skills you have installed:
Method 1: npx skills list
# View all installed (project-level + global)
npx skills list
# View only global installations
npx skills ls -g
# View only for a specific Agent
npx skills ls -a claude-code
Note: This command only recognizes Skills installed via
npx skills add. Manually copied or/plugininstalled Skills won’t show.
Method 2: Check Directory Directly (Most Reliable)
Regardless of installation method, you can see them in the directory:
# Claude Code project-level
ls .claude/skills/
# Claude Code global
ls ~/.claude/skills/
# Codex global
ls ~/.codex/skills/
# Cursor global
ls ~/.cursor/skills/
Method 3: Let AI Check for You
Just tell Claude Code “List the Skills I currently have installed” and it will scan the directory and tell you.
How to Uninstall Installed Skills
npx skills add automatically overwrites and updates installed versions, so manual uninstallation is generally not needed. To uninstall:
npx skills remove find-skills
For manually copied or /plugin installed Skills, just delete the corresponding SKILL.md file.
Skills Update Management
As you install more Skills, management and updates become important:
# Check which Skills have updates available
npx skills check
# Update all installed Skills (use with caution)
npx skills update
Note:
npx skills updatebatch updates all Skills, assuming you trust the sources. It’s recommended to first usenpx skills checkto see what updates are available before deciding whether to update.
What After Installing?
Nothing else needed. Skills are passively triggered - just make normal requests to your AI, and it will automatically determine whether to use an installed Skill.
For example, after installing vercel-react-best-practices, tell Claude Code “write a product list component” and it will automatically apply the performance optimization strategies summarized by the Vercel engineering team - code splitting, lazy loading, proper use of Server Components, etc. - all without extra instructions from you.
6 Most Worth Installing Skills
1. find-skills - Skills Search Assistant
Install this and your Agent can automatically search and recommend appropriate Skills based on task requirements. It’s like giving AI an “app store search engine”. No commands to memorize, just use natural language:
"Help me find React performance optimization related Skills"
"Is there an SEO tag optimization Skill"
"Search for YouTube video download related Skills"
find-skills will automatically search for matching Skills and provide installation suggestions. When asking in Chinese, it searches both Chinese and English keywords for broader coverage.
npx skills add https://github.com/vercel-labs/skills --skill find-skills -g
2. vercel-react-best-practices - React/Next.js Best Practices
From the Vercel engineering team, covering performance optimization, data fetching, bundle size control and other practical rule sets.
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices -g
3. frontend-design - Frontend Design Enhancement
Make AI-generated frontend interfaces lose that “AI flavor” and produce UI code with better design sense.
npx skills add https://github.com/anthropics/skills --skill frontend-design -g
4. agent-browser - Browser Automation
This one is special - agent-browser itself is a browser automation tool (npm package), and its bundled Skill teaches AI how to use this tool. After installing both the tool and Skill, just use natural language:
"Open example.com and take a full-page screenshot"
"Log into the backend and systematically test for bugs"
AI will follow the Skill’s guidance and automatically call agent-browser commands to complete operations.
npx skills add https://github.com/vercel-labs/agent-browser --skill agent-browser -g
5. skill-creator - Skill Creation Assistant
Quickly create your own Skill templates, packaging common workflows into reusable modules. From the official Anthropic repository.
npx skills add https://github.com/anthropics/skills --skill skill-creator -g
6. seo-audit - SEO Audit
Perform comprehensive search engine optimization checks on websites, outputting actionable optimization recommendations.
npx skills add https://github.com/coreyhaines31/marketingskills --skill seo-audit -g
Advanced: Create Your Own Skills
If existing Skills don’t meet your needs, you can absolutely create your own.
In Claude Code, let AI help you generate one (if you have skill-creator installed), or create manually:
# Initialize template with npx (optional)
npx skills init my-custom-skill
# Or just manually create SKILL.md file
A standard Skill directory structure looks like this:
my-custom-skill/
├── SKILL.md # Core file, contains trigger conditions, instructions and workflows
├── scripts/ # Optional helper scripts
└── resources/ # Optional reference materials
SKILL.md key components:
- YAML Frontmatter: Defines Skill’s
nameanddescription(required) - Instructions body: Describe rules and steps AI should follow in Markdown
- Examples: Provide input/output samples to help AI understand expected behavior
After writing, push to GitHub and others can install your Skill - whether through /plugin, manual copy, or npx skills add. If the quality is good enough, it may even be indexed on skills.sh’s leaderboard.
Three Usage Tips
1. find-skills + skill-creator is the Minimum Essential Combo
As one developer said: “If I could only keep two Skills, find-skills and skill-creator would be enough.” The former helps you find, the latter helps you create - forming a complete loop.
While find-skills is powerful, it’s not omnipotent - it can only find open-source Skills projects, and the Skills found may not perfectly solve your current task. But that’s okay - you can modify existing solutions, which is much faster than developing a brand new Skill from scratch.
2. Search Keywords Should Be as Precise as Possible
Whether using find-skills or searching on skills.sh, use “SEO meta” instead of just “SEO”, use “React lazy loading” instead of just “React”. The more precise your keywords, the more reliable your matches.
3. Prioritize Installing Skills from Official Repositories
Community Skill quality varies - prioritize installing content from official repositories like anthropics/skills, vercel-labs/agent-skills. Before installing third-party Skills, check the GitHub Star count and update frequency.
Conclusion
Vercel’s skills.sh makes discovering and installing Skills as easy as browsing an app store. Combined with the official repositories, community collections, and domain-specific resources outlined in this article, you should be able to quickly find skill packages that fit your workflow.
Go ahead and install a few to try them out.
Welcome to follow the WeChat Official Account FishTech Notes for more discussions!