vercel-design-guidelines

vercel-labs/agent-skills

Check web interfaces against Vercel's design guidelines. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", "check my site against best practices", or "apply Vercel design guidelines".

10 stars

1 forks

13 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/vercel-labs/agent-skills/tree/main/skills/vercel-design-guidelines

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/vercel-labs/agent-skills/tree/main/skills/vercel-design-guidelines ~/.claude/skills/agent-skills

# Project-specific

git clone https://github.com/vercel-labs/agent-skills/tree/main/skills/vercel-design-guidelines .claude/skills/agent-skills

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/vercel-labs/agent-skills/tree/main/skills/vercel-design-guidelines"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/vercel-labs/agent-skills/tree/main/skills/vercel-design-guidelines

Option 2: Clone to extensions directory

git clone https://github.com/vercel-labs/agent-skills/tree/main/skills/vercel-design-guidelines ~/.gemini/extensions/agent-skills

Related Skills

skill-writer

Tensors and Dynamic neural networks in Python with strong GPU acceleration

docstring

Tensors and Dynamic neural networks in Python with strong GPU acceleration

at-dispatch-v2

Tensors and Dynamic neural networks in Python with strong GPU acceleration

add-uint-support

Tensors and Dynamic neural networks in Python with strong GPU acceleration