Skill UI

This elite skill acts as an art director and implementation strategist for modern web development. It mandates an 'Image-First' workflow: first generating high-fidelity, premium design images for specific sections (e.g., hero, product features), deeply analyzing these visual references, and only then translating them into clean, structured, and highly implementable frontend code. It is designed to avoid generic AI clichés, ensuring results that are aesthetically superior, structurally sound, and ready for professional deployment.

This guide provides a complete, end-to-end workflow for implementing Know Your Customer (KYC) identity verification using the Persona API. It details both backend implementation (creating inquiries, handling completion callbacks, resuming flows) and frontend integration (embedding the verification UI into web applications). Ideal for secure user onboarding and identity validation processes.

This guide helps developers choose the optimal architecture pattern for building on Shopify. It compares four validated variants: Embedded Remix App (for admin tools), Headless Storefront (for custom e-commerce experiences using Hydrogen), Backend Integration (for system syncing like ERP), and Theme App Extension (for storefront widgets). Use this resource when starting a new Shopify project to determine the correct development path and technology stack.

This guide details how to implement robust and secure authentication for Shopify applications using the official @shopify/shopify-api SDK. It covers three main authentication methods: OAuth flow for public apps, session token exchange for embedded apps, and private access for custom apps. Use this skill when setting up, connecting, or debugging any application that requires deep integration and secure API access to Shopify's admin or storefront data.

This comprehensive guide details strategies for optimizing Shopify API performance. Key techniques include reducing excessive GraphQL query costs, implementing bulk operations for large data exports, setting up robust response caching with webhook invalidation, and utilizing the Storefront API for high-traffic public storefronts. Essential for developers hitting rate limits or slow data retrieval.

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 module provides essential abstractions for building web administration dashboards. It includes critical hooks like `useNavigateFolder` for structured routing and `useRecords` for standardized data fetching and state management. It simplifies complex frontend logic, ensuring consistency and reusability across large-scale admin applications.

Provides a standardized and robust skeleton for developing full-stack extensions that integrate both a backend API service and a frontend Admin UI. This pattern enforces clear separation of concerns, utilizing shared domain layers for data consistency while ensuring that API and Admin code are correctly registered using specific entry points. Ideal for complex applications requiring unified management interfaces and robust backend logic.

The official SDK for interacting with the Webiny Headless CMS and File Manager from external applications (Next.js, Vue, Node.js). It provides a robust TypeScript interface for performing CRUD operations (list, get, create, update, publish), advanced filtering, sorting, and ensuring type safety across complex content models. Use this when building frontends or backends that need to consume Webiny content data.

A powerful utility that converts Markdown (`.md`) files into richly formatted Word (`.docx`) documents. Built using pure JavaScript, it requires no external dependencies like Pandoc or LibreOffice. Features include automatic generation of title pages (from YAML front-matter), dynamic table of contents, and accurate embedding of PNG images, making it ideal for technical documentation and reports.

A comprehensive playbook covering advanced smart contract audit techniques for Solidity/EVM. Focuses on critical patterns like reentrancy (cross-contract), integer overflows, access control misuse, delegatecall exploits, flash loans, and advanced MEV/front-running attacks. Essential for securing DeFi protocols.

This minimal example demonstrates the structure of an MDA source file, including advanced frontmatter fields (metadata) and how to properly implement relationship-graph footnotes. It serves as a crucial reference fixture for users learning the MDA source format.