Skill UI

This comprehensive guide catalogs common anti-patterns and mistakes when deploying applications on Vercel. It covers critical architectural areas such as secret management (preventing key exposure), optimizing serverless function performance (cold start, timeouts), adhering to Edge Runtime standards, and resolving configuration errors. Use this skill for code reviews, security audits, and onboarding new developers to ensure best deployment practices.

This comprehensive guide details the process of migrating applications to Vercel from various platforms, including Netlify, AWS, and Cloudflare. It covers critical steps such as configuration mapping (e.g., netlify.toml to vercel.json), migrating serverless functions, setting up environment variables, implementing DNS cutovers, and validating feature parity using advanced techniques like the Strangler Fig pattern, ensuring a smooth and reliable transition.

A comprehensive guide to configuring Vercel across Development, Preview, and Production environments. Learn how to scope environment variables, manage secrets, and automate multi-stage deployments using both the Vercel CLI and REST API. Covers setting up custom environments (e.g., Staging) and implementing environment detection in code for reliable application behavior.

This guide provides a comprehensive setup for Vercel observability. It covers enabling built-in analytics, collecting detailed runtime logs, implementing structured logging, configuring external log drains (e.g., Datadog, Sentry), and integrating OpenTelemetry tracing. Use this when monitoring production deployments and setting up robust error tracking.

This comprehensive checklist is designed for ensuring flawless deployments to Vercel's production environment. It guides users through every critical stage: pre-deployment verification (environment variables, testing), secure promotion and API deployment, domain configuration, post-deployment health checks, and immediate rollback procedures. Use this guide whenever preparing for a major launch or implementing go-live procedures to minimize production risks.

This guide provides comprehensive solutions for handling Vercel API rate limits (HTTP 429 errors). It covers implementing robust retry logic with exponential backoff for consuming Vercel's outbound APIs. Furthermore, it demonstrates how to configure Vercel's WAF rate limiting and custom edge configurations to protect your own deployed API endpoints, ensuring stability and preventing service abuse.

This skill guides users through implementing comprehensive security measures for Vercel deployments. It covers best practices for secret management (using sensitive environment variables), configuring critical HTTP security headers (such as CSP and HSTS), protecting preview environments, and enforcing robust access control for API routes and deployment tokens.

Automated versioning strategy helper that activates on API development requests, guiding best practices, code/config generation, and validation for REST, GraphQL, OpenAPI, authentication, and API design patterns.

Automates the creation of Vitepress configuration for technical documentation, offering guidance, patterns, and validation for API docs, user guides, and architecture docs when the "vitepress config creator" intent is detected.

Provides automated AWS VPC network design assistance, offering step-by-step guidance, best-practice checks, and production-ready configs whenever “vpc network designer” is mentioned.

A comprehensive skill set for building modern, scalable Vue 3 applications. Expertise covers implementing features using the Composition API, managing global state with Pinia, configuring Nuxt 3 for SSR/SSG, and developing hybrid mobile apps with Quasar/Capacitor. Includes optimization for Vite builds, PWA implementation, and strict TypeScript enforcement.

A specialized skill for building modern Vue 3 applications using pure JavaScript, completely avoiding TypeScript. It implements the Composition API, configures modern build tools like Vite, and ensures robust type safety by utilizing JSDoc annotations (@param, @returns, @typedef) instead of a compiler. Ideal for teams preferring vanilla JavaScript, migrating from Vue 2, or needing quick prototypes without a TS setup.