name: vercel-deploy description: 将应用程序和网站部署到Vercel。当用户请求部署操作时使用此技能,例如“部署我的应用”、“部署到生产”、“创建预览部署”、“部署并给我链接”或“推送上线”。无需认证 - 返回预览URL和可认领的部署链接。 metadata: author: vercel version: “1.0.0”
Vercel 部署
立即将任何项目部署到Vercel。无需认证。
工作原理
- 将项目打包成tarball(排除
node_modules和.git) - 从
package.json自动检测框架 - 上传到部署服务
- 返回 预览URL(实时站点)和 认领URL(转移到您的Vercel账户)
用法
bash /mnt/skills/user/vercel-deploy/scripts/deploy.sh [path]
参数:
path- 要部署的目录,或.tgz文件(默认为当前目录)
示例:
# 部署当前目录
bash /mnt/skills/user/vercel-deploy/scripts/deploy.sh
# 部署特定项目
bash /mnt/skills/user/vercel-deploy/scripts/deploy.sh /path/to/project
# 部署现有tarball
bash /mnt/skills/user/vercel-deploy/scripts/deploy.sh /path/to/project.tgz
输出
准备部署...
检测到框架:nextjs
创建部署包...
部署中...
✓ 部署成功!
预览 URL:https://skill-deploy-abc123.vercel.app
认领 URL:https://vercel.com/claim-deployment?code=...
脚本还输出JSON到stdout供编程使用:
{
"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 的项目:
- 如果有一个单一的
.html文件不名为index.html,它会自动重命名 - 这确保页面在根URL(
/)提供服务
向用户展示结果
始终显示两个URL:
✓ 部署成功!
- [预览 URL](https://skill-deploy-abc123.vercel.app)
- [认领 URL](https://vercel.com/claim-deployment?code=...)
在预览URL查看您的站点。
要将此部署转移到您的Vercel账户,请访问认领URL。
故障排除
网络出口错误
如果部署因网络限制失败(在claude.ai上常见),告诉用户:
部署因网络限制失败。修复方法:
1. 转到 https://claude.ai/settings/capabilities
2. 添加 *.vercel.com 到允许的域
3. 再次尝试部署