Skill UI

Provides comprehensive architectural guidelines for building scalable Webiny admin extensions. This pattern addresses separating business logic (headless features: UseCase/Repository/Gateway) from presentation logic (Presenters/Hooks/Components). It covers the standardized directory structure and layering necessary for creating robust, maintainable, and highly modular administrative interfaces.

This catalog provides core abstractions for implementing event-driven architectures (EDA). It includes `DomainEvent`, the base class for all business domain events, and `EventPublisher`, the mechanism used to publish these events to registered handlers. Use these components to effectively decouple services and build robust, reactive systems.

This skill provides a standardized skeleton for building full-stack extensions that integrate both API services and Administration UIs. It defines the top-level component, shared domain layer, and mandatory entry-point registration patterns (<Api.Extension>, <Admin.Extension>) required for successful runtime deployment across different environments.

A comprehensive guide for developing custom editor components, theming, and CMS integration for the Website Builder using Next.js. Developers learn to register components, define configurable inputs (text, color, image, lexical), handle complex props, and understand the unique Admin iframe architecture.

This catalog provides essential database abstractions and specialized clients for robust data persistence. It includes core components like DbRegistry, DynamoDBClient, and various filtering utilities. By utilizing these standardized imports, developers can standardize data access logic, ensuring clean code separation, type safety, and scalable architecture in their applications.

This comprehensive guide covers best practices for building modern Angular applications. It provides detailed instructions on component architecture, state management using Signals, advanced routing, dependency injection, handling forms (prioritizing Signal Forms), and implementing accessibility (ARIA). It also details setup procedures for new projects and modern rendering strategies like SSR.

This guide provides best practices for building flexible, maintainable, and scalable React components. It emphasizes using composition patterns and compound components to avoid 'boolean prop proliferation,' while also detailing advanced concepts in component architecture, state management, and modern implementation techniques (including React 19 APIs). Ideal for refactoring complex systems or designing reusable component libraries.

This skill simulates a Python project architecture expert, specializing in scaffolding full, production-ready applications. It generates complete project structures using modern tools like FastAPI, Django, and uv, enforcing best practices and type hinting. Use it when starting a complex, multi-component Python project from scratch.

This meta-skill scans a target codebase path, intelligently determines the most appropriate architectural diagram type (e.g., sequence, component, class), and concurrently generates the diagram in two standardized formats: PlantUML source code and draw.io XML. Finally, it composes these deliverables into a cohesive architecture document (DOCX). Ideal for creating comprehensive onboarding guides or technical RFCs that require both text-friendly and highly editable views of the system architecture.

A comprehensive, structured guide for designing large-scale distributed systems. Use this framework to structure interview answers or real-world architectural proposals, covering everything from clarifying requirements and estimating capacity to deep component design, data flow, and critical trade-offs.

This skill deploys Remote Browser Isolation (RBI) as a core component of a Zero Trust security architecture. It implements sophisticated isolation policies utilizing URL categorization, risk-based routing, and Content Disarming and Reconstruction (CDR) for file sanitization. It provides robust data loss prevention controls, effectively mitigating zero-day exploits, phishing, and data exfiltration across isolated web sessions, and integrating with SWG and ZTNA platforms.

This comprehensive guide covers best practices for building modern Angular applications. It provides detailed instructions on component architecture, state management using Signals, advanced routing, dependency injection, handling forms (prioritizing Signal Forms), and implementing accessibility (ARIA). It also details setup procedures for new projects and modern rendering strategies like SSR.