Skill UI

This guide provides a comprehensive setup for Continuous Integration/Continuous Deployment (CI/CD) pipelines for Shopify apps. It utilizes GitHub Actions to automate linting, unit testing, and critical integration tests. Key features include API version compatibility checking, secure secret management, and streamlined deployment via the Shopify CLI, ensuring stable and reliable e-commerce functionality. Ideal for setting up automated release cycles or monitoring API changes.

This guide provides comprehensive steps for deploying Shopify applications (including extensions and functions) to various production cloud hosting platforms, such as Vercel, Fly.io, and Google Cloud Run. It covers critical aspects like environment configuration, setting up necessary webhooks, utilizing the Shopify CLI for deployment, and best practices for securely handling platform-specific secrets and ensuring production stability. Use this when moving a local Shopify app to a live e-commerce environment.

This guide provides a minimal, working example of connecting to a Shopify store using the GraphQL Admin API. It demonstrates how to initialize the API client, authenticate the connection, and execute a query to retrieve product and variant details. Ideal for developers starting a new e-commerce integration, testing API connectivity, or learning basic Shopify data retrieval patterns.

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.

A comprehensive guide to production-ready patterns for the Shopify API SDK. Covers advanced topics like typed GraphQL clients, multi-tenant architecture, cursor-based pagination, bulk operations, and robust error handling. Use this when developing scalable and maintainable e-commerce integrations for Shopify.

This guide details how to build modern, custom headless storefronts using Shopify's Storefront API and Cart API. It covers key functionalities like product querying, cart management (adding/updating lines), and initiating the checkout flow. Designed for developers building client-facing e-commerce experiences, it emphasizes the use of public access tokens for decoupled, highly customizable online stores.

This guide details how to use Skyvern's AI-powered Command Line Interface (CLI) for advanced browser automation. Users can perform tasks such as quick data validation, structured data extraction, form filling, secure login, and building complex, multi-step, reusable workflows across various websites. It offers solutions for scenarios where deterministic selectors fail.

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.

This guide details how to install and configure the WebContainer API, enabling client-side Node.js execution directly in the browser. It also provides instructions for integrating the StackBlitz SDK, which is used for embedding highly interactive code editors into web applications. The guide covers necessary dependency installations, code examples, and crucial HTTP header configuration (COOP/COEP) required for cross-origin isolation and secure operation.

Automates the deployment of static web files (HTML, CSS, JS, images) to a specified domain using Cloudflare Pages via the Wrangler CLI. This skill is ideal for hosting Single-Page Applications (React, Vue), landing pages, portfolios, or documentation sites. It stages the site files and injects necessary cache revalidation headers to ensure content freshness after redeployment.

Generates structured DESIGN.md files that serve as a single source of truth for AI-powered screen generation (Google Stitch). This skill translates complex, anti-generic design directives into precise semantic rules, covering typography, color calibration, motion physics, and layout principles to enforce a premium, high-agency UI/UX standard. It ensures outputs are sophisticated and avoid common AI design clichés.

This guide details the deploy integration process for automating screen capture and video editing using TechSmith's Snagit COM API and Camtasia Producer CLI. It is designed for developers needing to orchestrate complex content pipelines, such as programmatically capturing specific screen regions, handling various output formats (clipboard, file, printer), and automating batch rendering within a Windows environment using PowerShell or Python.