Skill UI

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 comprehensive runbook provides structured, step-by-step procedures for diagnosing and mitigating Webflow Data API integration failures. It guides teams through quick triage checks (status page, connectivity, rate limits) and offers specific remediation steps for common error types like Authentication (401/403), Rate Limiting (429), and Server Errors (500/502/503). Designed for rapid incident response, ensuring graceful degradation and postmortem documentation.

This module provides a comprehensive set of abstractions, components, and hooks for building sophisticated rich text editors (based on Lexical). It includes essential UI components like Dividers and DropDowns, alongside powerful hooks for managing real-time selection state, applying typography actions, and handling complex content rendering. It is designed for developers building advanced administrative panels or Content Management Systems (CMS).

A comprehensive collection of high-quality UI abstractions and components designed for building professional administrative dashboards and user interfaces. It provides essential building blocks such as layout managers, data tables, complex forms, dialogs, and various interactive elements like buttons, pickers, and accordions, ensuring consistency and efficiency in large-scale web applications.

Comprehensive guide for designing robust backend APIs within the Webiny framework. It details best practices for structuring features, distinguishing between Services (multi-method, singleton) and UseCases (single-method orchestrators, transient), managing dependencies via the DI container, and implementing advanced patterns like ServiceProviders for asynchronous bootstrapping. Essential for all backend API development.

A collection of core helper classes and abstractions designed for building robust and type-safe GraphQL APIs. These utilities standardize common response patterns (e.g., success, list, error, not found, unauthorized) and provide tools to define custom GraphQL schemas. Utilizing these abstractions ensures consistency, improves developer experience, and simplifies comprehensive error management across your backend services.

This skill generates a sophisticated, single-screen consumer dashboard mimicking a high-end lifestyle publication's dating column. It moves beyond simple swiping mechanics to visualize complex social metrics, mutual matches, and connectivity trends using editorial typography and restrained design. Ideal for concepts requiring data-driven storytelling about personal or community relationships.

This skill generates a complete, standalone, and highly structured pricing page in standalone HTML. It automatically respects the active design system (colors, typography, components) and supports defining 2-4 plan tiers, including feature cards, comprehensive comparison tables, and an FAQ section. Ideal for product marketing and sales-focused websites.

A general-purpose tool for creating self-contained, professional web prototypes. Ideal for generating landing pages, marketing sites, or documentation mockups. It operates by assembling pre-engineered sections and adhering strictly to a defined design system, eliminating the need for custom CSS writing.

This guide serves as the core entry point for comprehensive security testing of identity and access control mechanisms. It is designed to help testers systematically identify vulnerabilities across login flows, session management, object authorization (IDOR), and modern protocols like JWT, OAuth, CORS, and SAML. Use this when planning security audits for any web application with user accounts.

MockHunter is an advanced skill designed to audit live web pages, providing a comprehensive reality check on visible data. It analyzes every element to determine its true source: whether it is REAL (from the database), MOCK (simulated data), LLM-generated, HARDCODED, BROKEN (broken endpoints), or UNKNOWN. Ideal for auditing AI-generated UIs or reviewing proof-of-concept MVPs before customer sign-off.

This expert simulates an experienced design system author for Ant Design, specializing in structured, enterprise-focused, data-dense web applications. It generates comprehensive, implementation-ready guidelines covering design tokens, component anatomy, interaction states, accessibility requirements (WCAG 2.2 AA), and content standards, ensuring maximal clarity and consistency for development and design teams.