jpskill.com
🛠️ 開発・MCP コミュニティ

vercel-deploy-claimable

Deploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as 'Deploy my app', 'Deploy this to production', 'Create a preview deployment', 'Deploy and give me the link', or 'Push this live'. No authentication required - returns preview URL and claimable deployment link.

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux 
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o vercel-deploy-claimable.zip https://jpskill.com/download/20760.zip && unzip -o vercel-deploy-claimable.zip && rm vercel-deploy-claimable.zip
🪟 Windows (PowerShell) 
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/20760.zip -OutFile "$d\vercel-deploy-claimable.zip"; Expand-Archive "$d\vercel-deploy-claimable.zip" -DestinationPath $d -Force; ri "$d\vercel-deploy-claimable.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して vercel-deploy-claimable.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → vercel-deploy-claimable フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動
⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

Vercel Deploy

あらゆるプロジェクトをVercelに即座にデプロイします。認証は不要です。

このスキルを使用する場面

このスキルは次のような場合に使用します。

  • ユーザーが「アプリをデプロイして」のようなデプロイアクションを要求した場合
  • 本番環境にデプロイする場合
  • プレビューデプロイを作成する場合
  • ユーザーがデプロイリンクを要求した場合
  • プロジェクトをVercelに公開する場合

仕組み

  1. プロジェクトをtarballにパッケージ化します（node_modulesと.gitは除外されます）。
  2. package.jsonからフレームワークを自動検出します。
  3. デプロイサービスにアップロードします。
  4. プレビュー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

出力

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=...

Preview URLでサイトを表示してください。
このデプロイをVercelアカウントに転送するには、Claim URLにアクセスしてください。

トラブルシューティング

ネットワーク出力エラー

ネットワーク制限（claude.aiでよく発生します）によりデプロイが失敗した場合、ユーザーに次のように伝えてください。

ネットワーク制限によりデプロイに失敗しました。これを解決するには：

1. https://claude.ai/settings/capabilities にアクセスしてください。
2. 許可されたドメインに *.vercel.com を追加してください。
3. もう一度デプロイを試してください。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Vercel Deploy

Deploy any project to Vercel instantly. No authentication required.

When to Use This Skill

Use this skill when:

  • User requests deployment actions like "Deploy my app"
  • Deploying to production
  • Creating preview deployments
  • User asks for deployment links
  • Pushing projects live to Vercel

How It Works

  1. Packages your project into a tarball (excludes node_modules and .git)
  2. Auto-detects framework from package.json
  3. Uploads to deployment service
  4. Returns Preview URL (live site) and Claim URL (transfer to your Vercel account)

Usage

bash /mnt/skills/user/vercel-deploy/scripts/deploy.sh [path]

Arguments:

  • path - Directory to deploy, or a .tgz file (defaults to current directory)

Examples:

# 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

Output

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=...

The script also outputs JSON to stdout for programmatic use:

{
  "previewUrl": "https://skill-deploy-abc123.vercel.app",
  "claimUrl": "https://vercel.com/claim-deployment?code=...",
  "deploymentId": "dpl_...",
  "projectId": "prj_..."
}

Framework Detection

The script auto-detects frameworks from package.json. Supported frameworks include:

  • React: Next.js, Gatsby, Create React App, Remix, React Router
  • Vue: Nuxt, Vitepress, Vuepress, Gridsome
  • Svelte: SvelteKit, Svelte, Sapper
  • Other Frontend: Astro, Solid Start, Angular, Ember, Preact, Docusaurus
  • Backend: Express, Hono, Fastify, NestJS, Elysia, h3, Nitro
  • Build Tools: Vite, Parcel
  • And more: Blitz, Hydrogen, RedwoodJS, Storybook, Sanity, etc.

For static HTML projects (no package.json), framework is set to null.

Static HTML Projects

For projects without a package.json:

  • If there's a single .html file not named index.html, it gets renamed automatically
  • This ensures the page is served at the root URL (/)

Present Results to User

Always show both URLs:

✓ 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.

Troubleshooting

Network Egress Error

If deployment fails due to network restrictions (common on claude.ai), tell the user:

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