feat: add Vercel react best practices skill

Author: marovole

.gitmodules

@@ -44,3 +44,7 @@
 [submodule "ui-skills-repo"]
 	path = ui-skills-repo
 	url = https://github.com/ibelick/ui-skills.git
+[submodule "vercel-agent-skills"]
+	path = vercel-agent-skills
+	url = https://github.com/vercel-labs/agent-skills.git
+	branch = react-best-practices

README.md

@@ -27,9 +27,9 @@
 
 ## 🚀 一键安装，智能路由 / One-Click Install, Smart Routing
 
-**核心优势：一个技能触发 256+ 专业技能！自动检测意图，智能加载相关技能。**
+**核心优势：一个技能触发 257+ 专业技能！自动检测意图，智能加载相关技能。**
 
-**Core Advantage: One skill triggers 256+ expert skills! Auto-detect intent, smart-load relevant skills.**
+**Core Advantage: One skill triggers 257+ expert skills! Auto-detect intent, smart-load relevant skills.**
 
 ### 安装方式 / Installation
 
@@ -126,7 +126,7 @@ Claude 自动分析:
 | Categories / 分类 | **20** |
 | Scientific Skills / 科学技能 | **138+** |
 | Scientific Databases / 科学数据库 | **28+** |
-| Source Projects / 来源项目 | **11+** |
+| Source Projects / 来源项目 | **12+** |
 
 ---
 
@@ -149,6 +149,9 @@ All skills are aggregated from reputable open-source projects. Review before imp
 | [Makepad Skills](https://github.com/ZhangHanDong/makepad-skills) | - | 11 | Rust UI | MIT |
 | [UI Skills](https://github.com/ibelick/ui-skills) | 200+ | 1 | UI/UX Constraints | MIT |
 | [Planning with Files](https://github.com/marovole/planning-with-files) | - | 1 | Planning | MIT |
+| [Vercel Agent Skills](https://github.com/vercel-labs/agent-skills) | - | 1 | React/Next.js Performance | MIT |
+
+Vercel CEO 戏称该技能相当于雇佣一个 mini 版 10 年经验 React 开发者。
 
 ---
 

packages/website/src/data/repo-config.ts

@@ -46,6 +46,12 @@ export const REPO_CONFIG: Record<string, RepoConfig> = {
     rawBase: 'https://raw.githubusercontent.com/ComposioHQ/composio-claudecode-skills/main',
     contentPath: '.'
   },
+  vercel: {
+    path: 'vercel-agent-skills',
+    url: 'https://github.com/vercel-labs/agent-skills.git',
+    rawBase: 'https://raw.githubusercontent.com/vercel-labs/agent-skills/react-best-practices',
+    contentPath: 'skills'
+  },
   voltagent: {
     path: 'voltagent-skills',
     url: 'https://github.com/VoltAgent/voltagent.git',

packages/website/src/data/skill-sources.ts

@@ -77,6 +77,7 @@ export const SKILL_TO_SOURCE: Record<string, SkillSource> = {
   'react-components': { source: 'community', path: 'react-components' },
   'skill-share': { source: 'community', path: 'skill-share' },
   'video-downloader': { source: 'community', path: 'video-downloader' },
+  'react-best-practices': { source: 'vercel', path: 'react-best-practices' },
   // scientific skills
   'adaptyv': { source: 'scientific', path: 'adaptyv' },
   'aeon': { source: 'scientific', path: 'aeon' },

packages/website/src/data/skills.ts

@@ -5,7 +5,7 @@ export interface Skill {
   name: string;
   description: string;
   category: Category;
-  source: 'anthropic' | 'claudekit' | 'scientific' | 'community' | 'composio' | 'voltagent' | 'obsidian' | 'planning' | 'superpowers' | 'deep-research' | 'skill-from-masters' | 'purevibecoder' | 'ui-ux-pro-max' | 'makepad' | 'nanobanana';
+  source: 'anthropic' | 'claudekit' | 'scientific' | 'community' | 'composio' | 'voltagent' | 'obsidian' | 'planning' | 'superpowers' | 'deep-research' | 'skill-from-masters' | 'purevibecoder' | 'ui-ux-pro-max' | 'makepad' | 'nanobanana' | 'vercel';
   triggers: string[];
   priority: number;
   content: string;
@@ -29712,6 +29712,16 @@ const useToggle = (initialValue = false) => {
 - [TypeScript React CheatSheet](https://react-typescript-cheatsheet.netlify.app)
 `
   },
+  {
+    id: 'react-best-practices',
+    name: 'react-best-practices',
+    description: 'Vercel 工程团队沉淀的 React/Next.js 性能最佳实践（40+ 规则），适用于编写、审查或重构 React/Next.js 代码并优化瀑布、包体与渲染性能。',
+    category: categories[categoryIndex['frontend'] ?? 0],
+    source: 'vercel',
+    triggers: ['react', 'next.js', 'nextjs', 'performance', 'optimization', 'bundle', 'waterfall', 'rerender', 'data fetching'],
+    priority: 8,
+    content: ''
+  },
   {
     id: 'theme-factory',
     name: 'theme-factory',

skills/fastskills-router/SKILL.md

@@ -116,7 +116,7 @@ Combine matched routes' skills (dedupe). Output highest-priority matches first.
 |----------|----|--------------------|-------------|
 | 100 | market-research | 市场研究, 市场调研, 行业分析, 竞品分析, market research, competitive analysis, GTM | `market-research-reports, research-executor` |
 | 95 | research-report | 研究报告, 调研报告, 分析报告, research report, analysis report | `research-executor, scientific-writing` |
-| 90 | react-components | react, 组件, component, tsx, jsx, hooks, useState, useEffect | `react-components, frontend-designer` |
+| 90 | react-components | react, 组件, component, tsx, jsx, hooks, useState, useEffect | `react-components, react-best-practices, frontend-designer` |
 | 88 | frontend | 前端, frontend, ui, ux, 界面, tailwind, css, html | `frontend-designer, modern-frontend-design` |
 | 87 | pubmed-search | PubMed, 医学文献, NCBI, 文献搜索, literature search, medical paper, 论文搜索 | `pubmed-database, citation-management, biopython` |
 | 86 | protein-db | UniProt, 蛋白质数据库, protein database, SwissProt, TrEMBL | `uniprot-database, biopython, bioservices` |