From wealthior-vercel
Use before deploying or promoting a Next.js / Nuxt / SvelteKit / Astro app to Vercel — runs a 12-point pre-deploy audit covering env vars, build output, runtime config, SEO assets (sitemap/robots/OG), analytics, security headers, image optimization, font loading, and console hygiene. Triggers on phrases like "ready to deploy", "ship to vercel", "promote to production", "deploy preview", or when the user runs `vercel deploy` / `vercel --prod`. Skip for non-Vercel deploys, local dev, or partial feature work.
How this skill is triggered — by the user, by Claude, or both
Slash command
/wealthior-vercel:vercel-deploy-checklistThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
A 12-point audit you run **before** every Vercel production deploy. Each item is a hard gate
A 12-point audit you run before every Vercel production deploy. Each item is a hard gate
unless the project explicitly opted out. Fail loud, fix the root cause, never --force past a
broken check.
Trigger this skill when any of these apply:
vercel deploy --prod or vercel --prod command is about to run.Do not trigger for: local next dev, preview-only deploys without user prompting, isolated
component work, or non-Vercel hosts (Cloudflare Pages, Netlify, self-hosted Node).
Walk through these in order. Stop on the first failure, fix, then resume.
.env.example against vercel env ls production — every key in the example must exist
in production (and preview if the app uses preview-specific data)..env.local that aren't also in Vercel.NEXT_PUBLIC_* vars only contain things safe to ship to the browser.vercel env ls production
Run the same command Vercel runs (from vercel.ts / vercel.json → buildCommand). A green
local build is non-negotiable.
pnpm turbo run build --filter=@<app>
# or whatever the build command is
tsc --noEmit exits 0.console.log in production pathsgrep -rn "console\\.log" apps/web/app apps/web/components apps/web/lib | grep -v test
Allowed: console.error / console.warn in error-handling paths. Everything else → remove or
guard with if (process.env.NODE_ENV === 'development').
app/robots.ts returns the correct rules for the environment.app/sitemap.ts enumerates every public route.generateMetadata with title + description + canonical.<script type="application/ld+json"> with the right schema.org type.<img> replaced by next/image (or framework equivalent).next/font with display: 'swap'.priority prop; below-the-fold use lazy default.In next.config.ts (or vercel.ts headers):
X-Content-Type-Options: nosniffX-Frame-Options: DENY (or CSP frame-ancestors)Referrer-Policy: strict-origin-when-cross-originPermissions-Policy set (camera/microphone/geolocation disabled unless used)nodejs (Fluid Compute) — only use edge where measurably needed.vercel.ts use realistic schedules + idempotent handlers.maxDuration set on long-running routes (webhooks, sync jobs).@vercel/analytics mounted in root layout if web traffic matters.@vercel/speed-insights mounted if Core Web Vitals matter.www ↔ apex redirect configured (one canonical host).vercel.ts redirects[].When this skill runs, produce a table like:
[ 01 ] env vars ............ PASS
[ 02 ] build green .......... PASS
[ 03 ] typecheck + lint ..... PASS
[ 04 ] no console.log ....... FAIL — 3 occurrences in apps/web/components/checkout.tsx:42,67,89
[ 05 ] SEO essentials ....... PASS
...
Stop at the first FAIL. Do not produce a green-light recommendation until every item is PASS or explicitly waived by the user with a one-line reason.
WAIVED — <reason>.Production deploys that fail in subtle ways (missing env var, broken canonical, console.log noise)
erode trust faster than feature bugs. A 60-second pre-deploy checklist catches 90 % of these
before they ship. Wealthior projects run this before every vercel --prod.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
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.
npx claudepluginhub wealthior-group/marketplace --plugin wealthior-vercel