Claude Skill

vercel-labs/agent-skills

Vercel Labs' official collection of agent skills: reusable, modular JavaScript components for building AI agents on Vercel. Actively maintained.

Overview

Stars28,609
Forks2,574
LanguageJavaScript
Last pushed2026-06-10
Last synced2026-07-03
View on GitHub

Repository

Ownervercel-labs
Repositoryagent-skills
Full namevercel-labs/agent-skills
Repo ID1,112,540,808

Install this Skill

npx skills add vercel-labs/agent-skills

Registry

Typeclaude_skill
Quality score75/100
Verificationreadme_parsed
Last verified2026-05-27
Platforms
Claude
Capabilities
pdfimageterminalworkflow
Detected files
README.md
Config keys
URL

Summary

Vercel Labs' official collection of agent skills, providing reusable, modular capabilities for AI agents built on the Vercel platform.

Chinese description

Vercel官方代理技能合集

Key features

  • Official Vercel collection of agent skills
  • Modular and reusable skill components
  • Designed for AI agent integration
  • JavaScript-based implementation
  • Actively maintained by Vercel Labs

Use cases

  • Building AI agents with Vercel
  • Extending agent capabilities with pre-built skills
  • Rapid prototyping of agent workflows
  • Integrating agent skills into production applications

README excerpt

# 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](https://agentskills.io/) format. [![skills.sh](https://skills.sh/b/vercel-labs/agent-skills)](https://skills.sh/vercel-labs/agent-skills) ## Available Skills ### vercel-optimize Audits a Vercel project for cost, performance, reliability, caching, function usage, and billing opportunities. It collects Vercel metrics first, then investigates only the routes and files those metrics point to. **Use when:** - Optimizing a deployed Vercel project - Reducing Vercel costs or function usage - Investigating slow or expensive routes - Finding caching, ISR, middleware, image, or build-minute issues - Producing a ranked cost and performance report ### react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. Contains 40+ rules across 8 categories, prioritized by impact. **Use when:** - Writing new React components or Next.js pages - Implementing data fetching (client or server-side) - Reviewing code for performance issues - Optimizing bundle size or load times **Categories covered:** - Eliminating waterfalls (Critical) - Bundle size optimization (Critical) - Server-side performance (High) - Client-side data fetching (Medium-High) - Re-render optimization (Medium) - Rendering performance (Medium) - JavaScript micro-optimizations (Low-Medium) ### 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:** - "Review my UI" - "Check accessibility" - "Audit design" - "Review UX" - "Check my site against best practices" **Categories covered:** -

Topics

No topics yet.

Explore more

Data from GitHub. Synced on 2026-07-03