Skill UI

Use the StackBlitz SDK to seamlessly embed live, interactive code playgrounds (WebContainers) directly into documentation, blog posts, or tutorials. This method allows users to view and experiment with code examples (e.g., React, TypeScript) without leaving the current page, making tutorials and documentation highly engaging and functional. Supports embedding from GitHub repositories or creating inline projects.

Test-Driven Development (TDD) is a development methodology that emphasizes writing failing tests first, followed by writing minimal code to pass them (Red -> Green), and finally refactoring the code (Refactor). This approach ensures that code is always verified against its intended public behavior, making the system robust, maintainable, and resilient to internal changes. It teaches developers to focus on 'what' the system does, rather than 'how' it does it.

This skill guides a systematic process for debugging reported issues. It explores the codebase to identify the root cause, traces the code path, and then generates a comprehensive GitHub issue. The fix plan strictly follows the Test-Driven Development (TDD) Red-Green cycle, ensuring proposed solutions are robust and durable, surviving major refactors.

This comprehensive guide teaches how to use httpYac in VSCode to convert API documentation (like Swagger or Postman collections) into robust, executable .http files. It provides advanced workflow guidance for implementing complex authentication schemes (OAuth2, Bearer), managing multi-environment configurations, chaining requests using response data, and integrating testing workflows with CI/CD pipelines for professional-grade API automation.

This guide details how to configure the VS Code Port Monitor extension. It allows developers to monitor the port status (in use or free) for development servers (like Vite, Next.js) and databases in real time directly on the status bar. Use this skill to set up multi-service or full-stack development environments, prevent port conflicts, and troubleshoot running services.

A comprehensive guide and workflow for deploying static websites (e.g., Vue, React, Angular, Hugo, Jekyll) from a local environment to a production server using VSCode SFTP. This skill covers setting up secure SFTP connections, generating production-ready Nginx configurations (including security headers, caching, and HTTPS redirects), and providing a complete deployment checklist for smooth CI/CD-like workflows.

A comprehensive guide to setting up continuous integration and continuous deployment (CI/CD) pipelines for Webflow Data API v2 integrations using GitHub Actions. This setup automates unit testing (mocked SDK), robust integration testing with real API tokens, CMS schema validation, and reliable publish-on-merge workflows, ensuring code quality and consistency in your Webflow projects.

This guide provides a comprehensive reference for diagnosing and fixing common Webflow Data API v2 HTTP errors (400, 401, 403, 404, 409, 429, 500). It covers the root causes and offers concrete code solutions in TypeScript and Bash for issues like invalid tokens, insufficient scope, or rate limits, helping developers effectively troubleshoot failed Webflow integrations and ensure data flow stability.

Implement a comprehensive observability stack for Webflow Data API v2 integrations. This skill provides structured code using Prometheus metrics, OpenTelemetry distributed tracing, and structured logging (pino) to monitor API call frequency, latency, error rates, and rate limit usage. Ideal for developers building robust, production-grade Webflow-connected SaaS applications that require deep performance insights and reliable alerting.

A comprehensive guide to implementing production-ready patterns for the Webflow SDK. Covers essential architectural patterns such as singleton client management, robust typed error handling (including specific HTTP status codes like 401, 403, 429), efficient pagination helpers, rate limit monitoring via raw response access, and multi-tenant client factory setup. Essential for building scalable, enterprise-grade Webflow integrations.

This comprehensive guide details the process for upgrading the `webflow-api` SDK, specifically migrating from Webflow Data API v1 to v2. It covers critical breaking changes, including authentication method updates, endpoint structure changes (e.g., v1 to v2 base URL), and method call changes (e.g., PUT to PATCH). It provides detailed maps and code examples to ensure developers can maintain robust and up-to-date Webflow integrations.

Provides comprehensive guidelines for integrating the Wispr Flow voice-to-text API into development environments. This skill covers both low-latency WebSocket streaming and simpler REST endpoint usage. It is essential for building voice-powered applications, including real-time dictation, command-line interactions, and context-aware code transcription across multiple platforms (Mac, Windows, iOS).