Skill UI

These extensions enable developers to customize the Shopify checkout experience using sandboxed, React-like components. They serve as the modern replacement for the deprecated checkout.liquid, allowing deep integration into the purchase flow. Use cases include adding custom data fields (metafields), rendering dynamic promotional banners, and reading real-time checkout state information.

This skill provides comprehensive diagnosis and optimization for agent skill libraries. By analyzing historical session transcripts from platforms like Claude Code and Codex, alongside static skill file checks, it scores each skill across 8 dimensions. It identifies issues such as low trigger rates, poor post-invocation user reaction, and incomplete workflow execution, generating a prioritized report (P0/P1/P2) to significantly improve the agent's overall performance and reliability.

Master event-driven patterns within Snowflake using native alerts, email integrations, external functions, and cloud notification services (S3/GCS). This skill is essential for building robust, reactive pipelines that trigger actions (like sending alerts, calling external APIs, or ingesting data) in response to data changes or specific system events. Use cases include data quality checks, real-time monitoring, and automated notifications.

Use the StackBlitz SDK to seamlessly embed live, interactive code playgrounds (WebContainers) directly into documentation, blog posts, or tutorials. This method allows users to view and experiment with code examples (e.g., React, TypeScript) without leaving the current page, making tutorials and documentation highly engaging and functional. Supports embedding from GitHub repositories or creating inline projects.

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.

A comprehensive guide and workflow for deploying static websites (e.g., Vue, React, Angular, Hugo, Jekyll) from a local environment to a production server using VSCode SFTP. This skill covers setting up secure SFTP connections, generating production-ready Nginx configurations (including security headers, caching, and HTTPS redirects), and providing a complete deployment checklist for smooth CI/CD-like workflows.

This guide provides comprehensive implementation details for Webflow webhooks. It covers the entire lifecycle, including registering various trigger types (form submissions, new orders, site publishing) via the API. Critically, it teaches how to set up a secure backend endpoint with HMAC signature verification, allowing users to build robust, event-driven workflows that react automatically to user actions within Webflow.

This guide outlines robust architectural patterns for building complex administrative extensions within a React environment. It enforces strict separation of concerns by dividing logic into two main layers: Headless Features (business logic, using UseCase/Repository/Gateway) and Presentation Features (UI components, Presenters, and hooks). Following these patterns ensures highly maintainable, testable, and scalable codebases, promoting clean architecture principles for web applications.

This module provides multiple abstractions and hooks for interacting with the browser's LocalStorage API within an administrative context. It offers specialized utilities, including direct service access (LocalStorage instance) and advanced React hooks (useLocalStorage, useLocalStorageValues). These tools enable component developers to imperatively call services or efficiently observe single or multiple keys, ensuring consistent state management and proper re-rendering when local state changes.

This catalog provides essential TypeScript abstractions, types, and hooks for implementing robust multi-tenancy features in administrative interfaces. It helps developers manage the current tenant context, check tenant roles (e.g., root vs. non-root), and handle tenant state changes (enable/disable) across various modules. It is crucial for building scalable, secure, and multi-tenant SaaS platforms.

A comprehensive skill for developers needing to deeply customize the Webiny Admin UI. Features include white-labeling (changing logos, themes, and titles), adding custom columns to content entry lists, and developing custom forms for Website Builder page types. It covers advanced React components like AdminConfig, ContentEntryListConfig, and custom form validation.

This guide details how to integrate Auth0 as an external Identity Provider (IDP) for Webiny, replacing the default Cognito authentication. It involves creating an API config class to map Auth0's JWT claims to Webiny identities and implementing a React extension component. Users must set environment variables (AUTH0_ISSUER, AUTH0_CLIENT_ID) and register the necessary extensions for successful OIDC authentication flow.