К основному содержанию
скилл CX Codex

vercel-deploy — скилл для Claude Code: деплой на Vercel

Скилл пакует проект, сам определяет фреймворк и выкладывает его на Vercel. На выходе — ссылка на превью и ссылка для переноса деплоя в свой аккаунт.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add bytedance/deer-flow --skill vercel-deploy -a claude-code
Открыть на GitHub

Что делает vercel-deploy

Скилл запускает bash /mnt/skills/public/vercel-deploy/scripts/deploy.sh [path]. В аргументе можно передать папку проекта или готовый .tgz, по умолчанию берётся текущая директория. Скрипт собирает архив без node_modules и .git, смотрит package.json и определяет фреймворк сам — от Next.js и Nuxt до Express и Hono. У статических HTML-проектов без package.json фреймворк остаётся пустым, а одиночный .html не с именем index.html переименовывается, чтобы страница открывалась по корневому адресу.

Авторизация не нужна. После загрузки скрипт печатает Preview URL и Claim URL, а в stdout кладёт JSON с previewUrl, claimUrl, deploymentId и projectId — удобно, если результат разбирает другой скрипт. Превью живёт до тех пор, пока деплой не привязан к аккаунту, так что Claim URL стоит сохранить сразу.

На claude.ai деплой часто падает из-за сетевых ограничений. Тогда в настройках capabilities нужно разрешить домен *.vercel.com и повторить запуск. В Claude, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode скилл ставится из репозитория bytedance/deer-flow.

Какие задачи решает

  • выложить проект на Vercel одной командой
  • получить ссылку на превью для показа заказчику
  • задеплоить статический HTML без сборки
  • перенести деплой в свой аккаунт Vercel
  • отдать результат деплоя в JSON для другого скрипта

Примеры запросов агенту

  • Задеплой мой проект на Vercel и дай ссылку
  • Сделай превью-деплой папки ./frontend
  • Выложи этот сайт в прод и покажи Claim URL

Как установить vercel-deploy

1Через Skills CLI (Vercel)

npx skills add bytedance/deer-flow --skill vercel-deploy -a claude-code

2Вручную: положить файлы

~/.claude/skills/vercel-deploy/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/vercel-deploy/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о vercel-deploy

Как установить vercel-deploy в Claude Code?

Выполните npx skills add bytedance/deer-flow --skill vercel-deploy -a claude-code. После этого файл скилла окажется в ~/.claude/skills/vercel-deploy/SKILL.md.

Что делает vercel-deploy?

Пакует проект в tarball, определяет фреймворк по package.json, загружает сборку на Vercel и возвращает Preview URL вместе с Claim URL для переноса деплоя в аккаунт.

Нужен ли аккаунт Vercel или токен?

Нет, авторизация не требуется. Ссылка Claim URL нужна только если вы захотите забрать деплой себе.

Исходный текст

SKILL.md · MIT
---
name: vercel-deploy
description: 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.
metadata:
  author: vercel
  version: "1.0.0"
---

# Vercel Deploy

Deploy any project to Vercel instantly. No authentication required.

## 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
bash /mnt/skills/public/vercel-deploy/scripts/deploy.sh [path]
```

**Arguments:**
- `path` - Directory to deploy, or a `.tgz` file (defaults to current directory)

**Examples:**

```bash
# Deploy current directory
bash /mnt/skills/public/vercel-deploy/scripts/deploy.sh

# Deploy specific project
bash /mnt/skills/public/vercel-deploy/scripts/deploy.sh /path/to/project

# Deploy existing tarball
bash /mnt/skills/public/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:

```json
{
  "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 Restriction 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
```

© vercel · MIT · bytedance/deer-flow

Похожие скиллы

Все скиллы по теме «DevOps и инфраструктура» →
wizard Matt Pocock Скилл создаёт интерактивный bash-скрипт для ручных шагов: настройки сервисов, секретов CI и разовых миграций. 553 369установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок setup-pre-commit Matt Pocock Скилл настраивает pre-commit для JavaScript-репозитория: Husky запускает форматирование, проверку типов и тесты перед коммитом. 489 289установок using-git-worktrees Jesse Vincent Готовит изолированное рабочее дерево перед доработкой или выполнением плана. Проверяет текущий репозиторий, выбирает нативные средства платформы либо Git. CX Codex 217 153установок finishing-a-development-branch Jesse Vincent Скилл проверяет тесты и помогает выбрать, как завершить работу в ветке: слить её, открыть Pull Request или оставить как есть. CX Codex 214 439установок orca-cli stablyai Скилл даёт агенту доступ к worktree, терминалам, артефактам и встроенному браузеру Orca через CLI. Пригодится, когда работа идёт в окружении Orca. CX Codex +1 353 600установок

Из того же набора18

Весь набор →
deep-research Скилл для глубокого веб-исследования с методикой многоугольного анализа. Используй его вместо обычного поиска, когда нужно понять тему со всех сторон перед тем, как писать контент или отвечать на сложный вопрос. CX Codex +1 2 800установок academic-paper-review Скилл для автоматической рецензии научных работ по стандартам топовых конференций. Анализирует методологию, оценивает новизну, ищет слабые места и даёт обоснованную критику. CX Codex +1 2 700установок chart-visualization Скилл выбирает подходящий тип графика из 26 вариантов, собирает параметры и рисует картинку через JavaScript-скрипт. CX Codex +1 2 600установок systematic-literature-review Скилл для автоматического поиска и синтеза множества статей по теме из arXiv. Собирает исследования, извлекает ключевые находки и выдаёт отчёт в формате APA, IEEE или BibTeX. CX Codex +1 2 500установок podcast-generation Превращает статьи, отчёты и документацию в диалоговый подкаст двух ведущих и собирает MP3 с расшифровкой. CX Codex +1 2 400установок surprise-me Скилл подбирает другие доступные скиллы и соединяет их в один неожиданный результат. Запустите его, когда хочется идеи или творческого эксперимента. CX Codex +1 2 300установок code-documentation Скилл автоматически создаёт README, API-референс, архитектурную документацию и гайды разработчика прямо из кода. Пригодится, если нужно документировать проект, библиотеку или API без ручной писанины. CX Codex +1 1 900установок newsletter-generation Собирает профессиональные email-дайджесты и рассылки с исследованием темы через веб-поиск, курированием контента и готовой markdown-разметкой. CX Codex +1 1 800установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой