Skip to content
don’t make it ugly
All resources

Agent skillAgent Resources

Vercel Agent Skills

Installable skills that teach agents React, Next.js and web design best practices.

Staff pickOpen sourceFree
Visit website (opens in a new tab)View GitHub (opens in a new tab)
Preview of Vercel Agent Skills

What it is

Vercel's agent-skills repository contains skills that coding agents (Claude Code, Cursor, Codex and others) can load: guidance on React and Next.js performance patterns, and web design guidelines for auditing and improving interfaces. Skills are Markdown-based and versioned in Git.

Why it’s here

A good example of what "agent resources" should look like: opinionated, specific, machine-readable. Install the design-guidelines skill and ask your agent to review a page against it.

Best for

  • agent design reviews
  • React and Next.js quality
  • Claude Code setups

Can my agent use this?

Agent excellent agent friendliness

Yes, this is built for agents. Install with the skills CLI or copy the skill folders into your project's skills directory, then invoke the skill by name.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • GitHub
  • CLI
  • Copy/paste

Install

npx skills add vercel-labs/agent-skills

Related resources

  • Web Interface Guidelines
    Preview of Web Interface Guidelines

    Web Interface Guidelines

    A concise, agent-readable checklist of what a well-built web interface must get right.

    GuideFreeOpen sourceexcellent agent friendliness
    Staff pickUsed by me
  • Anthropic Skills
    Preview of Anthropic Skills

    Anthropic Skills

    Anthropic's public skills repository, including skills for front-end and design work.

    Agent skillFreeOpen sourceexcellent agent friendliness
  • UI/UX Pro Max
    Preview of UI/UX Pro Max

    UI/UX Pro Max

    A popular open-source design-intelligence skill with styles, palettes and font pairings for agents.

    Agent skillFreeOpen sourceexcellent agent friendliness
  • 21st.dev Magic MCP
    Preview of 21st.dev Magic MCP

    21st.dev Magic MCP

    Describe a component in your agent and get a polished one generated from a large library.

    MCP serverOpen sourceexcellent agent friendliness