Skill UI

Seamlessly deploy Webflow-powered applications and APIs to leading cloud platforms like Vercel, Fly.io, and Google Cloud Run. This integration manages secure secret management, configures robust webhooks for event handling (e.g., form submissions, new orders), and includes comprehensive health checks, ensuring reliable, scalable, and continuous deployment for Webflow-based services.

This is an expert guideline for creating a modern, Vercel/GitHub-inspired application design system. It provides comprehensive, implementation-ready rules, design tokens, and best practices for building a developer-first dashboard. It covers typography, layout, component states, accessibility (WCAG 2.2 AA), and includes a structured workflow for maintaining visual consistency across the entire application.

Manages the deployment of local applications and websites to the Vercel platform. This skill intelligently detects the project's current state (e.g., if it is already linked or if git is available) and guides the user through the optimal deployment method. It prioritizes establishing a permanent git-push connection to facilitate a seamless Continuous Integration/Continuous Deployment (CI/CD) workflow. Use when the user explicitly requests deployment actions.

This guide details how to deploy and manage web projects on Vercel using token-based authentication via the CLI. It provides comprehensive steps for locating and setting the VERCEL_TOKEN, identifying project IDs, and executing deployment commands (including linking and direct deployment) without relying on interactive login.

This skill performs an observability-first audit of deployed Vercel applications. It comprehensively analyzes production metrics, project configurations, and codebase scans to identify potential cost overruns and performance bottlenecks. It provides version-aware, actionable recommendations for improving application efficiency and reducing cloud expenditure.

A comprehensive guide for implementing view transitions in React and Next.js. Learn how to animate UI states, shared element animations, and route changes using the native ViewTransition API. Covers best practices for maintaining spatial continuity and adapting to different navigation contexts.

Use the composio CLI to orchestrate complex, end-to-end product releases across multiple services: Stripe for billing updates, Supabase for database migrations, and Vercel for frontend deployments. This single pipeline ensures that billing models, database schemas, and user interfaces are consistently updated in the correct sequence, guaranteeing reliable full-stack product launches.