代理技能：用於 React 和 Next.js 工作流程的 AI 代理
本文介紹了「代理技能」（agent-skills），這是一系列旨在擴展 AI 編碼代理功能的指令和腳本，特別針對 React 和 Next.js 開發工作流程。文章重點介紹了「react-best-practices」、「web-design-guidelines」和「vercel-deploy-claimable」等技能，並說明了在各種 AI 編碼平台上進行安裝的方法。
Navigation Menu
Search code, repositories, users, issues, pull requests...
Provide feedback
We read every piece of feedback, and take your input very seriously.
Saved searches
Use saved searches to filter your results more quickly
To see all available qualifiers, see our documentation.
Uh oh!
There was an error while loading. Please reload this page.
vercel-labs/agent-skills
Folders and files
Latest commit
History
Repository files navigation
Agent Skills
A collection of skills for AI coding agents. Skills are packaged instructions and scripts that extend agent capabilities.
Skills follow the Agent Skills format.
Available Skills
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Contains 40+ rules across 8 categories, prioritized by impact.
Use when:
Categories covered:
web-design-guidelines
Review UI code for compliance with web interface best practices. Audits your code for 100+ rules covering accessibility, performance, and UX.
Use when:
Categories covered:
vercel-deploy-claimable
Deploy applications and websites to Vercel instantly. No authentication required. Deployments are "claimable" - users can transfer ownership to their own Vercel account.
Use when:
Features:
How it works:
Output:
Installation
Install skills using the CLI:
Codex
Follow the Codex skills guide and place the skill under $CODEX_HOME/skills:
Codex will auto-discover SKILL.md files in that directory on the next start.
OpenCode
OpenCode discovers skills from ~/.claude/skills/<name>/SKILL.md automatically. See OpenCode Skills docs for more details.
Claude Code
Use the /install-skill slash command to install directly from GitHub:
For example, to install vercel-deploy:
Add --personal to install to ~/.claude/skills/ (available across all projects) or --project for .claude/skills/ (project-specific, default).
See the Claude Code Skills docs for more details.
claude.ai
Add the skill to your project knowledge or paste the contents of SKILL.md into your conversation.
For network-dependent skills (like vercel-deploy-claimable), you may need to allow domains:
Usage
Skills are automatically available once installed. The agent will use them when relevant tasks are detected.
Examples:
Skill Structure
Each skill contains:
License
MIT
About
Resources
Uh oh!
There was an error while loading. Please reload this page.
Stars
Watchers
Forks
Releases
Packages
0
Contributors
3
Uh oh!
There was an error while loading. Please reload this page.
Languages
Footer
Footer navigation
相關文章