Skill UI

This guide details how to set up a full local development loop for applications deployed to Vercel. It covers using `vercel dev` to emulate serverless functions, managing environment variables, and implementing hot reloading. It provides step-by-step instructions for local testing of API routes and frontends, ensuring a fast and accurate iteration cycle before production deployment.

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.

Provides a comprehensive, production-ready reference architecture for building complex applications on Vercel using Next.js and TypeScript. It covers modern best practices, including layered directory structure, secure typed environment variable management (Zod), lazy database singleton implementation, API route patterns, and essential Edge Middleware for authentication and routing. Use this guide when starting a new Vercel project or standardizing existing application infrastructure.

A comprehensive guide to implementing fault-tolerant patterns for Vercel serverless functions. Learn how to build resilient APIs using Circuit Breakers to handle external dependency failures, implementing Exponential Backoff for retries, and achieving Graceful Degradation by serving stale cache data. Essential for production-grade, highly available serverless architecture.

A comprehensive, production-ready TypeScript wrapper for interacting with the Vercel REST API. This client provides typed methods for managing deployments, projects, environment variables, and domains. It includes robust features like standardized error handling, exponential backoff retry logic, and structured request patterns, making programmatic integration with Vercel reliable and type-safe.

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.

Guides frontend developers through generating Vue components, offering best-practice patterns, production-ready code, and validation for accessibility and performance.

Auto-activating skill that guides developers through Vue composable creation, offering best practices, production-ready code, and validation while covering React/Vue/CSS/accessibility/performance patterns.

Automated assistant for planning and implementing webhook retry handlers within API integration workflows, offering best practices and production-ready code or configuration validation.

Automates guidance for designing and deploying webhook senders, covering integration patterns, SDK generation, and production-ready configurations.