Skill UI

This guide details how to configure Shopify applications across isolated Development, Staging, and Production environments. It establishes separate app instances, API credentials, and stores for each environment, ensuring secure, structured deployments and preventing cross-environment data leakage. Essential for professional SaaS development workflows.

This skill provides comprehensive guidance on implementing security best practices for Shopify applications. It covers critical topics such as secure API credential storage, verifying incoming webhooks using HMAC signatures, enforcing least-privilege access scopes, and setting Content Security Policies (CSP). Use this guide when building, auditing, or scaling a secure e-commerce integration.

This guide establishes a fast, reproducible local development loop for Snowflake. It covers setting up isolated dev warehouses, implementing connection wrappers, and structuring unit and integration tests (including mocking) to ensure rapid iteration and reliable development against a simulated or real Snowflake environment.

This skill provides Continuous Integration (CI) testing for applications built with WebContainer and StackBlitz SDK. It utilizes Playwright browser tests to ensure code reliability and functional correctness across various environments. Ideal for developers integrating WebContainers into CI pipelines or working within the StackBlitz development ecosystem.

This workflow details how to build a complete, browser-based Integrated Development Environment (IDE). Using WebContainers, it integrates key components like a file explorer, Monaco editor, integrated terminal, and live preview. This architecture is crucial for developing interactive coding playgrounds, educational web tools, or embedding robust development sandboxes into existing web applications.

This guide demonstrates how to set up a complete development environment entirely within a web browser using the WebContainer API. It covers mounting a virtual file system, installing Node.js dependencies via npm, and starting a local dev server (like Express) without needing a dedicated backend server. It is ideal for learning WebContainers, building browser-based IDEs, or prototyping Node.js applications client-side.

A comprehensive guide to setting up a local development loop for WebContainer applications. This setup utilizes Vite for a modern development environment, providing hot module replacement (HMR) and cross-origin policy configuration. It includes detailed steps for running Vitest tests, ensuring file system operations and browser-based IDE features function correctly in a simulated local environment.

This skill focuses on optimizing the performance of WebContainers, specifically targeting improvements in boot time, file system mounting efficiency, and process spawning. It is essential for developers utilizing the WebContainer API or the StackBlitz SDK to ensure a stable and efficient development environment, especially in complex web applications.

This skill provides essential guidance on managing key WebContainer lifecycle events, including server readiness, port changes, and error handling. It is crucial for developers integrating with WebContainers or using the StackBlitz SDK to ensure robust and reliable application state management in development environments.

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 tool provides a local development loop for integrating with Together AI's OpenAI-compatible API. It mocks key functionalities like chat completions, embeddings, and model listing, allowing developers to build and test AI applications rapidly without consuming live API credits. Developers can toggle between mock mode for rapid iteration and live mode for final model evaluation, ensuring a seamless workflow.

A comprehensive catalog of reusable abstractions, hooks, and providers for rapidly building complex administrative dashboards and web applications. It provides foundational building blocks like state management providers, command palettes, form model factories, and specialized components, streamlining the development process for robust internal tools.