Skill UI

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.

This skill guides developers on integrating Okta as an external Identity Provider (IDP) for Webiny. It replaces default authentication methods (like Cognito) by utilizing the OpenID Connect (OIDC) standard. The process involves setting up an API configuration class to map Okta's JWT claims to Webiny identities, and creating a React extension component to wire the issuer URL, client ID, and configuration path, enabling seamless Single Sign-On (SSO) using Okta.

This pattern provides a comprehensive guide to implementing domain event handlers (before/after hooks) within the Webiny framework. It emphasizes the 'thin orchestrator' principle, requiring handlers to delegate all business logic to reusable service abstractions or UseCases for maximum reusability. Furthermore, it details the process of defining, publishing, and reacting to custom domain events, ensuring a clean, decoupled architecture.

A comprehensive guide for developers on deploying, developing locally, and managing environments for Webiny serverless platform on AWS. Learn how to use `yarn webiny deploy` for multi-environment releases (dev, staging, prod), and how to leverage `yarn webiny watch` for local API (Lambda stubs) and Admin (React HMR) development, ensuring full-stack debugging capabilities.

This expert playbook details advanced techniques for bypassing SSL pinning mechanisms (Certificate, Public Key, SPKI) on mobile applications running on Android and iOS. It provides practical methods using tools like Frida and Objection, covering various frameworks (Flutter, React Native, Xamarin) and multiple pinning types to enable the interception and analysis of encrypted HTTPS traffic.

This guide provides comprehensive, structured error handling patterns for modern applications using TypeScript, Python, and general architectural principles. It covers essential concepts like typed custom errors, Result patterns, API error transformers, and React Error Boundaries. Learn how to implement fail-fast mechanisms, differentiate user-facing messages from developer logs, and ensure system resilience against unexpected failures.