Skill UI

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.

Provides essential database abstractions and utility classes for robust API development. This module includes components like FilterUtil, ValueFilter, and ValueFilterRegistry, allowing developers to implement standardized, efficient, and complex data querying and filtering logic across various database contexts.

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 comprehensive guide and tool suite transforms web designs created in Stitch (HTML/CSS) into clean, production-ready React Native components. It meticulously maps HTML elements (like <div>, <button>) to native RN primitives (View, Pressable) and converts complex CSS styles (Flexbox, typography, shadows) into React Native's StyleSheet.create(). It guides developers to follow architectural best practices, including Atomic Design and data decoupling, for scalable cross-platform mobile development.

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.

Pi Agent is a highly extensible, minimal terminal coding harness designed for building sophisticated AI applications and complex workflows. It enables developers to integrate custom AI providers, local models (via llama.cpp router), skills, and TUI components. Use it for everything from basic command execution and data parsing to advanced orchestration, web search, and structured interaction via SDK, RPC, or JSON event streams.

This comprehensive skill serves as an entry point for all web UI design needs, covering components, pages, dashboards, and advanced layouts using React, Vue, or pure HTML/CSS. It addresses not only aesthetics and polish (color, typography, spacing) but also deep structural concerns like responsive design, UX auditing, and visual system implementation. Use it whenever a user asks to improve the look, feel, or function of a digital interface.

A comprehensive guide covering the aesthetic and technical implementation of floating User Interface (UI) elements. Learn how to create detached, elevated components, such as cards and navigation bars, giving the application a light, airy, and modern feel across Web (CSS), iOS (SwiftUI), and Flutter platforms. Key principles include soft shadows, generous margins, and pill shapes.

Utilizes Expo DOM components to render web code verbatim inside a webview on native platforms, while maintaining native rendering on the web. This enables developers to integrate web-only libraries (such as charting tools, syntax highlighters, or complex CSS layouts) and incrementally migrate existing web components into a React Native application without substantial rewriting.

This skill guides the design, implementation, and auditing of inclusive digital products based on WCAG 2.2 standards. It covers the POUR principles and provides technical guidance for generating semantic ARIA (Web) and native accessibility traits (iOS/Android). Use it when defining UI components, auditing compliance gaps, or ensuring robust keyboard navigation and focus management.

This tool suite provides functionality to interact with a community gallery for WebAssembly (WASM) agents. Users can browse available agents, search for specific functionalities, install pre-built agents, publish their own creations, and export agents for packaging. It streamlines the process of sharing and utilizing modular WASM components.