Vercel

概述

前端部署平台，Next.js 创造者，Agent Skills 规范的早期采用者和主要推动者，通过 vercel-labs/agent-skills 提供 React/Next.js 性能与架构的官方 Skills。

关键内容

1. 核心产品：
2. Next.js：React 框架
3. Vercel Platform：前端部署与托管

4. Turbopack：Rust 编写的打包工具

5. Agent Skills 贡献：

6. vercel-labs/agent-skills：React/Next.js 性能与架构 Skills（19k+ Stars）
7. vercel-labs/skills：npx skills CLI 工具（社区标准）

8. react-best-practices：70+ 条 React 性能优化规则

9. 核心 Skills：

10. react-best-practices：React/Next.js 性能优化（CRITICAL → LOW 四级优先级）
11. composition-patterns：React 组合模式
12. web-design-guidelines：Web UI 设计规范

13. react-native-skills：React Native + Expo

14. 安装方式： bash npx skills add vercel-labs/agent-skills npx skills add vercel-labs/agent-skills --skill react-best-practices

15. 规则分类（react-best-practices）：

16. Async 模式（并行请求、延迟 await）
17. Bundle 优化（动态导入、Tree Shaking）
18. 渲染模式（SSG、SSR、Streaming）
19. React 优化（memo、useCallback、useMemo）
20. 状态管理（Server State、Form State）
21. CSS 优化（CSS-in-JS、Tailwind）
22. 图片优化（next/image、WebP/AVIF）
23. 数据获取（SWR、React Query）

来源

• 05_vercel_agent_skills_react — Vercel Agent Skills React 系列

相关

• Next.js — created
• React — relates_to
• Claude Code — relates_to
• Agent Skills — implements