Skill UI

This guide details how to implement robust pre-commit hooks using Husky, lint-staged, and Prettier. It ensures that code is automatically formatted, type-checked, and tested before being committed. This process is essential for maintaining consistent code quality and standardized development practices across a team.

This wrapper integrates Shopify's official AI Toolkit MCP server with Claude Code. It provides essential developer capabilities, including real-time GraphQL schema validation, Liquid template linting (checking for deprecated filters and anti-patterns), and instant search across Shopify's extensive documentation. Use this skill when setting up complex Shopify MCP integrations, ensuring code quality, or debugging API calls.

A comprehensive guide detailing the 10 most common anti-patterns and mistakes when developing apps for the Shopify platform. Covers critical topics including mandatory GraphQL usage, handling userErrors, GDPR compliance, webhook timeouts, and secure API practices. Essential for code audits and App Store preparation.

This guide provides a comprehensive and reproducible local development workflow for Shopify applications. It details how to use the Shopify CLI for scaffolding and hot reloading, integrate ngrok for stable webhook tunneling, and set up Vitest for robust API testing, enabling developers to achieve rapid and reliable iteration cycles.

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 comprehensive guide details how to set up robust, isolated, and secure development, staging, and production environments within Snowflake. It utilizes best practices like zero-copy cloning for efficient data replication, implements granular Role-Based Access Control (RBAC), and defines environment-specific compute resources (warehouses) and data masking policies. This ensures data integrity, compliance, and cost optimization across all stages of the data lifecycle.

This comprehensive guide provides solutions for common and complex errors encountered when using WebContainer and StackBlitz environments. It covers essential fixes for cross-origin isolation headers (COOP/COEP), managing WebContainer boot failures using singleton patterns, resolving npm installation hangs, and handling file system errors (ENOENT). Use this skill to stabilize and debug complex web development sandboxes.

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 bundle collects comprehensive diagnostic information about the WebContainer environment. It checks the boot state, file system integrity, running process list, and modern browser support (e.g., SharedArrayBuffer, cross-origin isolation). Essential for developers integrating with StackBlitz SDK or WebContainers to troubleshoot complex development issues.

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.