Skill UI

This skill generates robust JSON-LD structured data markup for various web components, including blogs, FAQs, tools, and SaaS pages. By implementing standard Schema.org types (WebSite, Article, FAQPage, etc.), you can significantly improve your SEO, boost click-through rates (CTR), and provide clear context to both search engines and AI systems. Includes implementation guidance for modern frameworks like Next.js.

This skill automates the migration of existing frontend code (such as those built with React, Vite, or other frameworks) into the proprietary Stitch Design format. It performs a multi-step workflow: first, extracting a self-contained static HTML file; second, analyzing source components and stylesheets to generate a comprehensive design system documentation (DESIGN.md); and finally, uploading both artifacts to the specified Stitch project for continuous iteration and improvement.

This module provides a comprehensive catalog of abstractions and utilities for handling API webhooks within the Webiny framework. It covers essential components such as payload types (IWebhookPayload), domain models (Webhook), delivery mechanisms, and core services like WebhookDispatcher and WebhookFactory. It supports advanced features including event routing, data validation, and secure payload signing, making it ideal for backend integration development.

This comprehensive guide provides implementation details for Card-Based Design, a popular pattern for displaying bite-sized, discrete information units. It covers best practices for achieving responsive, Pinterest-style layouts across multiple platforms, including modern CSS Grid/Masonry for web, and native frameworks like SwiftUI, Flutter, and React Native for mobile apps. Use it when structuring content feeds, portfolio grids, or news articles.

This comprehensive guide provides core principles and implementation patterns for adopting the Flat Design aesthetic. It details how to build interfaces across web (CSS), mobile (SwiftUI, Flutter), and cross-platform frameworks, emphasizing zero depth, sharp geometries, and high-contrast solid colors while strictly avoiding shadows, gradients, and bevels. Use this when aiming for a modern, minimalist, and clean UI/UX experience.

This skill covers implementing continuous, risk-adaptive identity verification within a Zero Trust framework. It utilizes phishing-resistant MFA (FIDO2/WebAuthn) and risk-based conditional access policies, ensuring robust and dynamic security controls. Use when designing advanced identity architectures or improving compliance security.

This masterclass framework provides a structured, end-to-end guide for scoping and planning new web projects, applications, or page designs. It systematically covers core concept definition, user experience (UX) mapping, visual design system establishment, selecting the technical architecture, and optimizing for SEO and performance. Ideal for the initial stages of development.

A framework-agnostic, builder-based SEO system designed for React and React Native-for-web applications. It centralizes site identity (title, description, OG tags) in a single source of truth, ensuring all metadata, canonical URLs, and structured data (JSON-LD, sitemap, robots.txt, RSS) are consistent, machine-readable, and automatically generated for every route.

A comprehensive skill for generating keyword-driven automated test scripts using Robot Framework. It supports front-end UI testing via SeleniumLibrary, robust API integration using RequestsLibrary, and complex custom keywords. Ideal for building end-to-end and functional test suites.

This skill generates comprehensive end-to-end (E2E) automation tests using WebdriverIO (WDIO) in JavaScript or TypeScript. It supports various frameworks (Mocha, Jasmine, Cucumber) and includes advanced patterns like the Page Object Model (POM) and robust selector strategies. Users can configure tests for local execution or integrate with cloud services like LambdaTest, making it ideal for simulating complex user interactions and ensuring application quality across multiple browsers and environments.

This skill provides a detailed, side-by-side comparison of advanced LLM agent evaluation frameworks, such as ruflo and HAL. It helps researchers and developers identify capability gaps—including real code execution, full web browsing, and structured file parsing—and prioritize architectural improvements for robust agent benchmarking and performance tracking.

This guide details the Hexagonal Architecture (Ports and Adapters) pattern, a robust method for decoupling core business logic from external infrastructure concerns. It teaches how to structure applications to make the domain model independent of databases, UI frameworks, or message queues. Implementing this pattern drastically improves testability, maintainability, and the ability to swap out external services without rewriting business rules.