Vercel's official collection of agent skills, packaged as instructions and scripts that extend what coding agents can do. It includes vercel-optimize, which audits a deployed Vercel project for cost, performance, reliability, and caching from real metrics, and react-best-practices, with 40+ rules across 8 categories from Vercel Engineering. The web-design-guidelines skill is design and writing-guidelines is writing, though the collection's primary category is coding.Vercel 官方的智能体技能合集，以指令和脚本的形式扩展编码智能体的能力。其中 vercel-optimize 基于真实指标审计已部署的 Vercel 项目的成本、性能、可靠性和缓存；react-best-practices 包含来自 Vercel 工程团队的 40 多条规则、8 大类别。web-design-guidelines 属于设计、writing-guidelines 属于写作，不过合集的主分类是编码。Vercel 官方的智慧體技能合集，以指令和腳本的形式擴展編碼智慧體的能力。其中 vercel-optimize 基於真實指標稽核已部署的 Vercel 專案的成本、效能、可靠性和快取；react-best-practices 包含來自 Vercel 工程團隊的 40 多條規則、8 大類別。web-design-guidelines 屬於設計、writing-guidelines 屬於寫作，不過合集的主分類是編碼。Vercel 公式のエージェントスキル集。指示とスクリプトとしてパッケージ化され、コーディングエージェントの能力を拡張する。実際のメトリクスからデプロイ済み Vercel プロジェクトのコスト、パフォーマンス、信頼性、キャッシュを監査する vercel-optimize と、Vercel Engineering による 8 カテゴリ 40 以上のルールを収めた react-best-practices を含む。web-design-guidelines はデザイン、writing-guidelines はライティングだが、コレクションの主カテゴリはコーディングである。
Quick start快速上手快速上手クイックスタート
What it does
Vercel Agent Skills is the official collection of agent skills from Vercel. Skills are packaged instructions and scripts that extend agent capabilities, following the Agent Skills format, and they cover deployment, performance, design review, writing review, mobile, animation, and composition.
How it works
Each skill states when to use it. vercel-optimize audits a deployed Vercel project from real metrics first, then investigates only the routes and files those metrics point to. react-best-practices holds 40+ rules across 8 categories, web-design-guidelines audits UI code against 100+ rules, writing-guidelines audits prose against 80+ rules, and react-native-guidelines holds 16 rules across 7 sections.
How to use it
Install with
npx skills add vercel-labs/agent-skills
Once installed, skills are automatically available, and the agent uses them when it detects a relevant task.
Try plain prompts such as
Deploy my app
Review this React component for performance issues
or
Help me optimize this Next.js page
Key points
deploy-to-vercel prefers git-push deploys on a linked project, falls back to the Vercel CLI, and uses
vercel deploy --temporary
when no login is available, returning a claim URL so you can keep the deployment.
react-view-transitions covers the ViewTransition component, directional transitions, shared element transitions, and Next.js integration.
composition-patterns helps avoid boolean prop proliferation through compound components, state lifting, and internal composition.
A complete software development methodology for coding agents, built on composable skills plus initial instructions that make sure the agent actually uses them. It covers the full workflow from brainstorming and planning through implementation, testing, and review, so agents follow a disciplined process instead of improvising. It works across Claude Code, Codex, Cursor, OpenCode, Gemini CLI, GitHub Copilot, and many more.一套面向编码智能体的完整软件开发方法论，由可组合的技能加上确保智能体真正使用这些技能的初始指令构成。它覆盖从头脑风暴、规划到实现、测试、评审的完整流程，让智能体遵循严谨的流程而不是即兴发挥。支持 Claude Code、Codex、Cursor、OpenCode、Gemini CLI、GitHub Copilot 等众多工具。一套面向編碼智慧體的完整軟體開發方法論，由可組合的技能加上確保智慧體真正使用這些技能的初始指令構成。它涵蓋從腦力激盪、規劃到實作、測試、審查的完整流程，讓智慧體遵循嚴謹的流程而不是即興發揮。支援 Claude Code、Codex、Cursor、OpenCode、Gemini CLI、GitHub Copilot 等眾多工具。コーディングエージェントのための完全なソフトウェア開発手法。組み合わせ可能なスキルと、エージェントがそれを確実に使うための初期指示で構成される。ブレインストーミングと計画から実装、テスト、レビューまで全工程をカバーし、エージェントが即興ではなく規律ある手順に従うようにする。Claude Code、Codex、Cursor、OpenCode、Gemini CLI、GitHub Copilotなど多数に対応する。
Skills for real engineers, straight from Matt Pocock's .agents directory — the skills he uses every day to do real engineering, not vibe coding. Unlike process-heavy frameworks such as GSD, BMAD, and Spec-Kit, which own the process and take away your control, these skills stay assistive so problems in the process stay easy to resolve. They cover everyday engineering work across planning, implementation, and review.面向真正工程师的技能，直接来自 Matt Pocock 的 .agents 目录——是他每天做真实工程用的技能，不是氛围编程。与 GSD、BMAD、Spec-Kit 这类接管流程的重型框架不同，这些技能只起辅助作用，流程出问题时也容易排查和解决。覆盖规划、实现、评审等日常工程工作。面向真正工程師的技能，直接來自 Matt Pocock 的 .agents 目錄——是他每天做真實工程用的技能，不是氛圍編程。與 GSD、BMAD、Spec-Kit 這類接管流程的重型框架不同，這些技能只起輔助作用，流程出問題時也容易排查和解決。涵蓋規劃、實作、審查等日常工程工作。本物のエンジニアのためのスキル。Matt Pocock の .agents ディレクトリからそのまま取り出した、彼が毎日実際のエンジニアリングで使うスキルで、バイブコーディング用ではない。GSD、BMAD、Spec-Kit のようなプロセスを掌握して制御を奪う重厚なフレームワークとは異なり、補助に徹するためプロセスの問題も解決しやすい。計画、実装、レビューといった日常のエンジニアリング作業をカバーする。
The agent harness performance optimization system: skills, instincts, memory, security, and research-first development for Claude Code, Codex, OpenCode, Cursor, and beyond. It bundles 71 agents and 311 skills with AgentShield security scanning and legacy command shims, aiming to make the whole harness faster and more capable rather than adding one-off prompts. Think of it as an operating system layer for your coding agent.智能体 harness 的性能优化系统，覆盖技能、本能、记忆、安全和研究优先的开发方式，适用于 Claude Code、Codex、OpenCode、Cursor 等工具。它打包了 71 个智能体和 311 个技能，附带 AgentShield 安全扫描和旧命令兼容垫片，目标是让整个 harness 更快、更强，而不是再加一堆一次性提示词。可以把它理解为编码智能体的一层操作系统。智慧體 harness 的效能最佳化系統，涵蓋技能、本能、記憶、安全和研究優先的開發方式，適用於 Claude Code、Codex、OpenCode、Cursor 等工具。它打包了 71 個智慧體和 311 個技能，附帶 AgentShield 安全掃描和舊指令相容墊片，目標是讓整個 harness 更快、更強，而不是再加一堆一次性提示詞。可以把它理解為編碼智慧體的一層作業系統。エージェントハーネスのパフォーマンス最適化システム。スキル、直感、記憶、セキュリティ、リサーチファーストの開発を Claude Code、Codex、OpenCode、Cursor などで実現する。71 のエージェントと 311 のスキルに AgentShield セキュリティスキャンとレガシーコマンドのシムを同梱し、使い捨てのプロンプトを増やすのではなくハーネス全体を高速かつ高機能にする。コーディングエージェントの OS 層と考えると分かりやすい。