场景

Vercel 部署助手

一键 Vercel 部署、预览回滚和生产环境监控，配备自动化 CI/CD 工作流。

3 技能 2 安装次数

verceldeploycicdpreviewrollback

4 天前更新

安装

运行此命令，安装该技能包中的全部技能：

npx skillstore add @vercel-deploy-assistant

CLI 会自动检测 Codex 和 Claude Code 文件夹；如果两者都可用，就会同时安装。

概览

使用指南

由 AI 增强

详细指南

## 适用人群

面向将 Next.js 应用部署到 Vercel 的前端开发者和独立开发者。此插件处理完整的部署生命周期——从应用最佳实践和管理环境变量，到触发部署和监控状态——全部通过聊天完成。

## 3 步快速入门

1. **发布前审查** — 询问：`"Use next-best-practices to review my Next.js app structure and flag any issues before deploying"`。此技能检查 Server Components 使用情况、数据获取模式和文件约定。
2. **部署** — 询问：`"Use vercel-deployment to deploy my project at ~/Projects/myapp to production"`。此技能处理 Vercel CLI 流程，包括环境变量验证。
3. **管理部署** — 询问：`"Use vercel-automation to list my last 5 deployments and show the status of each"`。此技能还可执行回滚、管理 DNS 或更新环境变量。

## 步骤 → 技能 → 输入 → 输出

| 步骤 | 技能 | 你需要提供 | 你将获得 |
|------|-------|------------------|--------------|
| 部署前审查 | next-best-practices | 项目目录或代码片段 | 问题列表 + 最佳实践建议 |
| 部署 | vercel-deployment | 项目路径 + 目标环境 | 部署链接 + 构建日志摘要 |
| 部署后管理 | vercel-automation | 项目名称 + 操作（列表/回滚/DNS） | 部署列表、状态或确认信息 |

## 常见故障及解决方案

- **vercel-deployment 失败，提示 "not logged in"** → 先在终端运行 `vercel login`，或提供 `VERCEL_TOKEN` 环境变量。
- **next-best-practices 标记 Server Component 问题** → 按照输出中的修复建议操作。常见修复：将 `"use client"` 移动到尽可能小的子树。
- **vercel-automation 找不到项目** → Vercel 中的项目名称区分大小写。请在 Vercel 仪表板中核对准确名称。

## 成功标准

当满足以下条件时表示一切正常：
- next-best-practices 返回的检查清单中所有关键项都显示为绿色
- vercel-deployment 返回一个可访问的 `.vercel.app` 链接
- vercel-automation 列出你的部署记录，包含准确的时间戳和状态