关于 vercel-deploy
vercel-deploy 是用于将项目部署到 Vercel 的 Agent 技能,可打包项目并自动识别框架,无需身份验证。它会返回预览网址,以及用于将部署转移到 Vercel 账户的认领网址。
主要功能
- 01打包项目并排除依赖和 Git 数据
- 02根据 package.json 识别框架
- 03无需身份验证即可部署到 Vercel
- 04返回预览网址和认领网址
- 05处理静态 HTML 根页面
- 06为脚本输出 JSON
适用场景
- 01在 Vercel 发布项目预览
- 02部署项目目录或已有 tarball
- 03向其他脚本提供部署信息
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ mavscui/ agent-skills-hunter --skill vercel-deploy安装后在 Claude Code 中输入/vercel-deploy确认已加载。
详细介绍
Vercel 部署
立即将任何项目部署到 Vercel。无需身份验证。
工作原理
- 将项目打包为 tarball(排除
node_modules和.git) - 根据
package.json自动检测框架 - 上传到部署服务
- 返回 预览 URL(已上线的网站)和 认领 URL(转移到你的 Vercel 账户)
用法
bash /mnt/skills/user/vercel-deploy/scripts/deploy.sh [path]
参数:
path- 要部署的目录,或.tgz文件(默认为当前目录)
示例:
# Deploy current directory
bash /mnt/skills/user/vercel-deploy/scripts/deploy.sh
# Deploy specific project
bash /mnt/skills/user/vercel-deploy/scripts/deploy.sh /path/to/project
# Deploy existing tarball
bash /mnt/skills/user/vercel-deploy/scripts/deploy.sh /path/to/project.tgz
输出
Preparing deployment...
Detected framework: nextjs
Creating deployment package...
Deploying...
✓ Deployment successful!
Preview URL: https://skill-deploy-abc123.vercel.app
Claim URL: https://vercel.com/claim-deployment?code=...
该脚本还会将 JSON 输出到标准输出,供程序使用:
{
"previewUrl": "https://skill-deploy-abc123.vercel.app",
"claimUrl": "https://vercel.com/claim-deployment?code=...",
"deploymentId": "dpl_...",
"projectId": "prj_..."
}
框架检测
该脚本会根据 package.json 自动检测框架。支持的框架包括:
- React:Next.js、Gatsby、Create React App、Remix、React Router
- Vue:Nuxt、Vitepress、Vuepress、Gridsome
- Svelte:SvelteKit、Svelte、Sapper
- 其他前端框架:Astro、Solid Start、Angular、Ember、Preact、Docusaurus
- 后端:Express、Hono、Fastify、NestJS、Elysia、h3、Nitro
- 构建工具:Vite、Parcel
- 以及更多:Blitz、Hydrogen、RedwoodJS、Storybook、Sanity 等
对于静态 HTML 项目(没有 package.json),框架会设为 null。
静态 HTML 项目
对于没有 package.json 的项目:
- 如果只有一个名称不是
index.html的.html文件,系统会自动将其重命名 - 这样可以确保页面通过根 URL(
/)提供服务
向用户展示结果
始终显示两个 URL:
✓ Deployment successful!
Preview URL: https://skill-deploy-abc123.vercel.app
Claim URL: https://vercel.com/claim-deployment?code=...
View your site at the Preview URL.
To transfer this deployment to your Vercel account, visit the Claim URL.
故障排除
网络出口错误
如果部署因网络限制而失败(在 claude.ai 上很常见),请告知用户:
Deployment failed due to network restrictions. To fix this:
1. Go to https://claude.ai/settings/capabilities
2. Add *.vercel.com to the allowed domains
3. Try deploying again
评论
支持 Markdown