Back to Details

vercel

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Vercel Skill

Vercel Skill

Overview

概述

Enables Claude to access Vercel to check deployment status, monitor domain configurations, view analytics, and manage frontend project deployments on this leading deployment platform.
让Claude能够访问Vercel，在这个领先的部署平台上检查部署状态、监控域名配置、查看分析数据并管理前端项目部署。

Quick Install

快速安装

bash
curl -sSL https://canifi.com/skills/vercel/install.sh | bash
Or manually:
bash
cp -r skills/vercel ~/.canifi/skills/
bash
curl -sSL https://canifi.com/skills/vercel/install.sh | bash
或者手动安装：
bash
cp -r skills/vercel ~/.canifi/skills/

Setup

配置

Configure via canifi-env:
bash
undefined
通过canifi-env进行配置：
bash
undefined

First, ensure canifi-env is installed:

首先，确保已安装canifi-env：

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

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

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

Privacy & Authentication

隐私与认证

Your credentials, your choice. Canifi LifeOS respects your privacy.
你的凭证，由你掌控。 Canifi LifeOS尊重你的隐私。

Option 1: Manual Browser Login (Recommended)

选项1：手动浏览器登录（推荐）

If you prefer not to share credentials with Claude Code:
  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
如果你不想与Claude Code共享凭证：
  1. 使用CDP模式完成浏览器自动化设置
  2. 在Playwright控制的Chrome窗口中手动登录服务
  3. Claude将使用你的已认证会话，且绝不会看到你的密码

Option 2: Environment Variables

选项2：环境变量

If you're comfortable sharing credentials, you can store them locally:
bash
canifi-env set SERVICE_EMAIL "your-email"
canifi-env set SERVICE_PASSWORD "your-password"
Note: Credentials stored in canifi-env are only accessible locally on your machine and are never transmitted.
如果你愿意共享凭证，可以将其存储在本地：
bash
canifi-env set SERVICE_EMAIL "your-email"
canifi-env set SERVICE_PASSWORD "your-password"
注意：存储在canifi-env中的凭证仅能在你的本地机器上访问，绝不会被传输。

Capabilities

功能特性

  • View deployment status and history
  • Check domain configurations
  • Monitor Web Vitals and analytics
  • View build logs
  • Check environment variables
  • Manage project settings
  • 查看部署状态与历史记录
  • 检查域名配置
  • 监控Web Vitals与分析数据
  • 查看构建日志
  • 检查环境变量
  • 管理项目设置

Usage Examples

使用示例

Example 1: Check Deployment Status

示例1：检查部署状态

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
用户：“最新的部署状态是什么？”
Claude：我将检查你的Vercel部署情况。
- 通过Playwright MCP打开vercel.com
- 登录账户
- 最新部署：
  - 项目：my-app
  - 状态：已就绪
  - URL：my-app-abc123.vercel.app
  - 耗时：45秒
  - 分支：main
- 预览部署：3个活跃

Example 2: Check Domain Status

示例2：检查域名状态

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
用户：“我的域名正常工作吗？”
Claude：我将检查你的域名配置。
- 查看域名板块
- 域名信息：
  - myapp.com：SSL有效，指向正确
  - api.myapp.com：SSL有效，使用Edge Function
  - staging.myapp.com：预览分支
- SSL：所有证书均有效
- DNS：所有记录已配置

Example 3: View Analytics

示例3：查看分析数据

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
用户：“网站性能如何？”
Claude：我将检查Web Vitals数据。
- 查看分析标签页
- Web Vitals（过去7天）：
  - LCP：1.2秒（良好）
  - FID：15毫秒（良好）
  - CLS：0.05（良好）
- 流量：45,000次访问
- 热门页面：/、/about、/products
- 边缘区域：全部正常

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
  1. 通过Playwright MCP导航至vercel.com
  2. 使用邮箱或GitHub登录
  3. 输入密码或通过OAuth认证
  4. 若启用则处理双因素认证（2FA）
  5. 维持会话以访问仪表盘

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
  • 登录失败：尝试GitHub OAuth
  • 部署失败：检查构建日志
  • 域名问题：验证DNS设置
  • 会话过期：重新认证
  • 速率限制：等待后重试
  • 构建错误：检查函数日志

Self-Improvement Instructions

自我改进说明

After each interaction:
  • Track deployment patterns
  • Note common issues
  • Log analytics preferences
  • Document UI changes
Suggest updates when:
  • Vercel updates dashboard
  • New features added
  • Edge features expand
  • Analytics updated
每次交互后：
  • 跟踪部署模式
  • 记录常见问题
  • 记录分析数据偏好
  • 记录UI变化
在以下情况时建议更新：
  • Vercel更新仪表盘
  • 添加新功能
  • 边缘功能扩展
  • 分析数据模块更新

Notes

注意事项

  • Optimized for Next.js
  • Edge Functions supported
  • Preview deployments automatic
  • Environment per branch
  • Analytics built-in
  • Team collaboration
  • Free tier generous
  • 针对Next.js优化
  • 支持Edge Functions
  • 自动生成预览部署
  • 按分支配置环境
  • 内置分析功能
  • 支持团队协作
  • 免费版额度充足