Vercel Skill

Overview

Quick Install

curl -sSL https://canifi.com/skills/vercel/install.sh | bash

cp -r skills/vercel ~/.canifi/skills/

Setup

# First, ensure canifi-env is installed:
# curl -sSL https://canifi.com/install.sh | bash

canifi-env set VERCEL_EMAIL "your-email@example.com"

Privacy & Authentication

Option 1: Manual Browser Login (Recommended)

1. Complete the Browser Automation Setup using CDP mode
2. Login to the service manually in the Playwright-controlled Chrome window
3. Claude will use your authenticated session without ever seeing your password

Option 2: Environment Variables

canifi-env set SERVICE_EMAIL "your-email"
canifi-env set SERVICE_PASSWORD "your-password"

Capabilities

• View deployment status and history
• Check domain configurations
• Monitor Web Vitals and analytics
• View build logs
• Check environment variables
• Manage project settings

Usage Examples

Example 1: Check Deployment Status

User: "What's the latest deployment status?"
Claude: I'll check your Vercel deployments.
- Opens vercel.com via Playwright MCP
- Logs into account
- Latest deployment:
  - Project: my-app
  - Status: Ready
  - URL: my-app-abc123.vercel.app
  - Duration: 45s
  - Branch: main
- Preview deployments: 3 active

Example 2: Check Domain Status

User: "Are my domains working?"
Claude: I'll check your domain configuration.
- Views domains section
- Domains:
  - myapp.com: Valid SSL, pointing correctly
  - api.myapp.com: Valid SSL, edge function
  - staging.myapp.com: Preview branch
- SSL: All certificates valid
- DNS: All records configured

Example 3: View Analytics

User: "How's the site performance?"
Claude: I'll check Web Vitals.
- Views Analytics tab
- Web Vitals (last 7 days):
  - LCP: 1.2s (Good)
  - FID: 15ms (Good)
  - CLS: 0.05 (Good)
- Traffic: 45,000 visits
- Top pages: /, /about, /products
- Edge regions: All healthy

Authentication Flow

1. Navigate to vercel.com via Playwright MCP
2. Sign in with email or GitHub
3. Enter password or OAuth
4. Handle 2FA if enabled
5. Maintain session for dashboard access

Error Handling

• Login Failed: Try GitHub OAuth
• Deployment Failed: Check build logs
• Domain Issue: Verify DNS settings
• Session Expired: Re-authenticate
• Rate Limited: Wait and retry
• Build Error: Check function logs

Self-Improvement Instructions

• Track deployment patterns
• Note common issues
• Log analytics preferences
• Document UI changes

• Vercel updates dashboard
• New features added
• Edge features expand
• Analytics updated

Notes

• Optimized for Next.js
• Edge Functions supported
• Preview deployments automatic
• Environment per branch
• Analytics built-in
• Team collaboration
• Free tier generous