From design-deploy
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.
How this skill is triggered — by the user, by Claude, or both
Slash command
/design-deploy:vercel-deploy-claimableThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Deploy any project to Vercel instantly. No authentication required.
Deploy any project to Vercel instantly. No authentication required.
Paths in this skill are relative to the skill root:
| Base | Meaning |
|---|---|
./scripts/ | Relative to SKILL.md directory (skill root) — contains deployment scripts |
The deployment script accepts a path parameter, so you can deploy from any directory.
node_modules and .git)package.jsonbash ./scripts/deploy.sh [path]
Arguments:
path - Directory to deploy, or a .tgz file (defaults to current directory)Examples:
# Deploy current directory
bash ./scripts/deploy.sh
# Deploy specific project
bash ./scripts/deploy.sh /path/to/project
# Deploy existing tarball
bash ./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=...
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_..."
}
The script auto-detects frameworks from package.json. Supported frameworks include:
For static HTML projects (no package.json), framework is set to null.
For projects without a package.json:
.html file not named index.html, it gets renamed automatically/)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.
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
npx claudepluginhub shanghai-jerry/skills --plugin design-deployOffers UI/UX design guidance for web and mobile with 50+ styles, 161 color palettes, 57 font pairings, and 99 UX guidelines across 10 stacks. Use for designing pages, components, color systems, or reviewing UI code.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.