Skill UI

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.

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 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 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 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 the production-grade architectural blueprint for developing browser-based Integrated Development Environments (IDEs) and interactive playgrounds powered by WebContainers. It is essential for developers who are integrating the WebContainers API or utilizing the StackBlitz SDK to create robust, cloud-based development experiences.

This utility is designed to facilitate the migration process between various versions of the WebContainer API and updates within the StackBlitz SDK. Use this skill specifically when working on projects that rely on WebContainers or the StackBlitz development environment, ensuring smooth, compatible upgrades to the latest framework versions.

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.

This skill establishes an autonomous, iterative build loop for continuous website development. It functions as an agent that reads tasks from a 'baton' file, utilizes the Stitch MCP tools to generate structured web pages, integrates the generated HTML assets into the main site structure, and finally updates the baton file with the next required task. It supports end-to-end, programmatic site building and includes optional visual verification using Chrome DevTools.

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 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.

This skill provides a powerful mechanism for modifying and extending AWS infrastructure using Pulumi handlers and dedicated declarative components. It allows developers to manage complex cloud setups, including configuring OpenSearch, VPC networking, resource tagging, custom domains, blue-green deployment strategies, and implementing environment-conditional configurations (e.g., production vs. development).