Skill UI

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.

Implement comprehensive guardrails for Vercel applications, covering the entire development lifecycle. This solution includes custom ESLint rules to prevent secret exposure, pre-commit hooks for credential scanning, and robust CI checks to validate vercel.json, ensure edge runtime compatibility, and monitor bundle size, guaranteeing high quality and secure deployments.

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.

This comprehensive guide outlines the core principles for developing immersive Virtual and Augmented Reality (VR/AR) applications. It covers critical aspects such as platform selection (Quest, ARKit, ARCore), mandatory performance metrics (FPS, frame budget), user comfort techniques (motion sickness prevention), and best practices for spatial interaction and world design. Essential reading for engineers building next-generation spatial computing experiences.

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.

A comprehensive guide covering modern web game development principles. It details framework selection (Phaser, Three.js), implementing WebGPU, performance optimization strategies like asset compression and object pooling, adhering to browser constraints, and utilizing PWA capabilities for cross-platform gaming experiences.

Automates websocket handler setup for backend development, guiding Node.js, Python, and Go implementations while aligning with database, caching, messaging, and microservice architecture best practices to deliver production-ready code and validations.

Generate structured changelogs from git history whenever users ask about recent changes, request a changelog, or want a summarized view of development activity, focusing on user-facing updates and key shifts.

Automatically generates two complementary onboarding documents for any codebase: a 'Principal-Level' guide focusing on system philosophy, architectural decisions, and technical debt; and a 'Zero-to-Hero' guide offering step-by-step setup, development workflows, and debugging tips. It ensures that every engineer, regardless of seniority, can gain a complete understanding of the project structure and rationale.

This guide provides advanced, deep-dive debugging techniques for complex issues within the Windsurf integrated development environment. It addresses persistent problems such as context corruption in Cascade, indexing failures, extension conflicts, and deep configuration bugs that standard troubleshooting cannot resolve. Use this when the AI suggestions or IDE behavior is consistently incorrect or unstable.

This skill enables AI-assisted API development workflows. It can generate type-safe API clients, comprehensive documentation, and SDKs for multiple languages (such as Python or TypeScript) directly from OpenAPI/Swagger specifications. It is essential for developers building complex integrations or needing to standardize API usage across multiple platforms.

This skill facilitates the rapid and standardized onboarding of new projects onto the Windsurf platform. It optimizes the development environment by configuring the Cascade AI agent, establishing necessary project rules (.windsurfrules), setting team context defaults, and ensuring best practices for AI-assisted coding. Use this when initiating a new project or integrating a team to maximize AI efficiency.