skills.rest
amoai-tech
amoai-techCOMMUNITY
Explore all skills by this author →
GitHub

mde-vercel

Orchestrates Vercel deployments and applies React/Next.js performance optimization rules.

1|Updated Sep 15, 2026
Search Tags:#deployment#cli#next.js#vercel#server components#preview deployment#react performance
One-click install
npx skills add https://github.com/amoai-tech/mdeai --skill mde-vercel-amoai-tech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mde-vercel
Source: https://github.com/amoai-tech/mdeai/tree/main/.claude/skills/mde-vercel
Command: npx skills add https://github.com/amoai-tech/mdeai --skill mde-vercel-amoai-tech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Deploying to Vercel involves many branching decisions—git linking, team selection, CLI authentication, preview versus production—and React/Next.js code often ships with performance problems like waterfalls, bloated bundles, and unnecessary re-renders. This Skill routes both concerns to the right operational guidance. ## Core Features & Use Cases - Deployment orchestration: Detects project state (git remote, .vercel linking, CLI auth) and chooses the correct deploy path—git push, vercel deploy, or a no-auth fallback script for sandboxed environments. - Environment and team handling: Guides team scope selection, project linking (vercel link --repo), preview/production deploys, and deployment status inspection. - React/Next.js performance rules: Provides 70 prioritized rules across 8 categories (waterfalls, bundle size, server-side, data fetching, re-renders, rendering, JavaScript, advanced patterns) for writing and reviewing performant code. - Use Case: A developer asks to push a Next.js app live; the Skill checks linking and auth state, deploys a preview, returns the URL, and later reviews a slow page against the async-parallel and bundle-dynamic-imports rules. ## Quick Start Ask the assistant to deploy this project to Vercel as a preview and give you the deployment link.

Frequently Asked Questions about mde-vercel

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a Next.js app to Vercel from the CLI?▼

Run vercel deploy with the -y and --no-wait flags to get a preview URL immediately, then use vercel inspect to check build status. If the project is linked to git, committing and pushing triggers automatic deployments instead.

How do I create a preview deployment instead of production?▼

Preview is the default behavior of vercel deploy; production only happens with the --prod flag or pushes to the production branch. Always deploy as preview unless production is explicitly requested.

What React performance rules does Vercel recommend for Next.js?▼

Vercel Engineering publishes 70 rules across 8 categories, prioritized by impact: eliminating async waterfalls and bundle size optimization are critical, followed by server-side performance, client data fetching, and re-render optimization.

Can I deploy to Vercel without CLI authentication?▼

Yes, a no-auth fallback script packages the project, uploads it, and returns a preview URL plus a claim URL. The claim URL transfers the deployment to your Vercel account for ongoing management.

Why does my Vercel deployment fail in a sandboxed environment?▼

Sandbox network restrictions block the Vercel API. On claude.ai, add *.vercel.com to allowed domains in capability settings; in Codex, rerun the deploy command with escalated network permissions.

When should I not use this Vercel deployment workflow?▼

Do not use it for non-Vercel hosting platforms like Netlify or Cloudflare Pages, or for React patterns unrelated to performance. It is scoped to Vercel platform operations and performance-focused code review.

Related Skills

Explore More Software Engineering Skills→
Coverage-CreativesCoverage-Creatives

Vercel Deployment

Automate web application deployments to Vercel with environment and CI/CD management.

Official
Advanced
mgd34msumgd34msu
4

vercel-analytics

Track page views and Core Web Vitals for Vercel-deployed applications.

Community
Basic
etewiahetewiah
635

e2e-testing

Automate Playwright E2E tests and Lighthouse audits in CI/CD.

Community
Intermediate
MolcajeteAIMolcajeteAI
2

nextjs-deployment

Configure Next.js deployments across Vercel, Netlify, Cloudflare Pages, Docker, and AWS Amplify.

Official
Advanced