Cursor Integration Guide

Cursor AI Integration

Cursor is one of the most popular AI-powered code editors. It fully supports the Agent Skills standard, allowing you to extend its capabilities instantly.

Prerequisites

• Cursor AI installed on your machine
• A terminal with Node.js 18+ and npm/pnpm

Installation Methods

Method 1: Using the CLI (Recommended)

The easiest way to add skills to Cursor is via the npx command:

npx agent-skills install vercel-labs/agent-skills/web-design-guidelines

This command will:

1. Download the skill from GitHub
2. Extract the SKILL.md manifest
3. Configure Cursor to use the skill

Method 2: Manual Configuration

If you prefer manual setup:

1. Copy the Manifest URL:

   https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/web-design-guidelines/SKILL.md

2. Open Cursor Settings:

   • Press Cmd + , (Mac) or Ctrl + , (Windows/Linux)
   • Navigate to Features → Agent

3. Add Custom Skill:

   • Paste the manifest URL in the "Custom Skills" section
   • Click "Add Skill"

4. Restart Cursor to apply changes.

Using Skills in Chat

Once installed, you can invoke the skill by mentioning it in the chat:

@skill-name Help me design a responsive landing page

Cursor will automatically load the skill context and provide tailored assistance.

Popular Skills for Cursor

Troubleshooting

Skill Not Working?

1. Check Cursor Version: Ensure you're running Cursor 0.35+ which has full skill support.
2. Verify Installation: Run npx agent-skills list to see installed skills.
3. Clear Cache: Try npx agent-skills clear-cache and reinstall.

Permission Issues

If you encounter permission errors:

# Use sudo if needed (not recommended)
sudo npx agent-skills install <skill-name>

# Or fix npm permissions
npm config set prefix ~/.npm-global

Next Steps

• Create Your Own Skill
• Browse All Skills
• Windsurf Integration