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.

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.

This skill automatically generates structured and user-friendly changelogs by analyzing the complete git commit history. It groups commits by time period (daily/weekly) and classifies changes into key categories (Features, Fixes, Docs, etc.), providing a concise summary of recent development activity for end-users. Ideal for answering 'what changed recently' or summarizing project updates.

Automatically generates two complementary onboarding documents for any codebase: a Principal-level guide focusing on design philosophy, technical debt, and architectural 'why'; and a Zero-to-Hero guide providing step-by-step setup, development workflows, and practical 'how-to' instructions. Ideal for new team members or documenting complex systems.

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.