deploy-vercel

@ominou5 · 收录于 1 周前

Deploys funnel pages to Vercel. Covers CLI setup, project init, framework detection, environment variables, and custom domains.

场景上线部署前端发布

适合你，如果要用 Vercel 部署前端项目并配置自定义域名

/ 下载安装

deploy-vercel.skill双击,或拖进 Claude 桌面版 / Cowork,即完成安装↓ .skill ↓ .zip

用别的 agent?下载 .zip 解压,把文件夹放进它的技能目录

Claude Code~/.claude/skills/(项目级 .claude/skills/)

Codex CLI~/.codex/skills/

Cursor自动读取上面两处目录

其他工具见其文档的「skills」目录;两个下载是同一份文件,只是名字不同

/ 通过 npx 安装 校验哈希

npx oh-my-skill add ominou5/funnel-architect-plugin/deploy-vercel

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- ominou5/funnel-architect-plugin/deploy-vercel

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify ominou5/funnel-architect-plugin/deploy-vercel

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

67GitHub stars

~336上下文体积 · 单文件

镜像托管

怎么用

技能原文 SKILL.md作者撰写 · MIT · 7c5acf6

Deploy to Vercel

Best for React/Next.js funnels and projects that benefit from edge functions.

Prerequisites

Node.js installed
Vercel account (free Hobby tier works for funnels)

Setup

# Install Vercel CLI
npm install -g vercel

# Login
vercel login

# Deploy (first time — will prompt for config)
vercel

# Deploy to production
vercel --prod

Configuration (`vercel.json`)

{
  "headers": [
    {
      "source": "/(.*).html",
      "headers": [{ "key": "Cache-Control", "value": "public, max-age=300" }]
    },
    {
      "source": "/(.*).css",
      "headers": [{ "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }]
    },
    {
      "source": "/(.*).js",
      "headers": [{ "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }]
    }
  ],
  "redirects": [
    { "source": "/old-page", "destination": "/new-page", "permanent": true }
  ],
  "cleanUrls": true,
  "trailingSlash": false
}

Custom Domain

Go to Project settings → Domains
Add your domain
Update DNS: add A record 76.76.21.21 or CNAME to cname.vercel-dns.com
SSL is automatic

Environment Variables

# Add via CLI
vercel env add VARIABLE_NAME

# Or via Dashboard: Project settings → Environment Variables

Framework Support

Vercel auto-detects: Next.js, React (Vite/CRA), Astro, and static HTML. No additional configuration needed for supported frameworks.

按 MIT 许可原样转载,未经改动 · 在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…