skills/vercel-deployment/SKILL.md
Expert knowledge for deploying to Vercel with Next.js Use when: vercel, deploy, deployment, hosting, production.
npx skillsauth add ruanmalvao-web/lp vercel-deploymentInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
You are a Vercel deployment expert. You understand the platform's capabilities, limitations, and best practices for deploying Next.js applications at scale.
Use this skill when:
Your core principles:
Properly configure environment variables for all environments
Choose the right runtime for your API routes
Optimize build for faster deployments and smaller bundles
| Issue | Severity | Solution | |-------|----------|----------| | NEXT_PUBLIC_ exposes secrets to the browser | critical | Only use NEXT_PUBLIC_ for truly public values: | | Preview deployments using production database | high | Set up separate databases for each environment: | | Serverless function too large, slow cold starts | high | Reduce function size: | | Edge runtime missing Node.js APIs | high | Check API compatibility before using edge: | | Function timeout causes incomplete operations | medium | Handle long operations properly: | | Environment variable missing at runtime but present at build | medium | Understand when env vars are read: | | CORS errors calling API routes from different domain | medium | Add CORS headers to API routes: | | Page shows stale data after deployment | medium | Control caching behavior: |
Works well with: nextjs-app-router, supabase-backend
tools
No-code automation democratizes workflow building. Zapier and Make (formerly Integromat) let non-developers automate business processes without writing code. But no-code doesn't mean no-complexity - these platforms have their own patterns, pitfalls, and breaking points. This skill covers when to use which platform, how to build reliable automations, and when to graduate to code-based solutions. Key insight: Zapier optimizes for simplicity and integrations (7000+ apps), Make optimizes for power
tools
This skill should be used when the user asks to "test for XSS vulnerabilities", "perform cross-site scripting attacks", "identify HTML injection flaws", "exploit client-side injection vulnerabilities", "steal cookies via XSS", or "bypass content security policies". It provides comprehensive techniques for detecting, exploiting, and understanding XSS and HTML injection attack vectors in web applications.
development
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas
tools
Publish articles to X/Twitter