Skill UI

This guide provides a comprehensive template and best practices for updating technical specification files. It ensures that the resulting documentation is structured, unambiguous, and highly optimized for consumption by Generative AI models. Use this process when refining system requirements, updating interfaces, or documenting architectural changes to maintain machine-readable standards.

This skill provides a comprehensive audit of user interfaces, evaluating screens against Nielsen's 10 Usability Heuristics and modern mobile UX best practices. It systematically checks for critical usability flaws, design inconsistencies, accessibility gaps, and potential dark patterns, ensuring the resulting product delivers a superior and intuitive user experience across all platforms.

This specialized skill automates the process of converting visual designs (from Stitch) into high-quality, modular React and Vite components. It adheres to modern frontend best practices, enforcing logic isolation via custom hooks, data decoupling using mock data files, and ensuring type safety with TypeScript interfaces. The workflow includes automated asset fetching, style mapping (Tailwind), and rigorous validation cycles to produce production-ready, maintainable code.

This SDK provides production-ready TypeScript patterns for integrating with the AppFolio property management REST API. It includes a singleton client for centralized credential management, robust error wrappers (handling 429 rate limits and 401 auth errors), a flexible query builder for filtering data, and structured interfaces for core entities like Properties, Tenants, and Leases. Use it to build reliable, scalable automation workflows for real estate operations.

This expert skill audits and designs user interfaces for the Apple ecosystem (iOS, macOS, watchOS, visionOS) against the official Human Interface Guidelines (HIG). It checks crucial elements like contrast ratios (WCAG standards), minimum tap-target sizes, and adherence to modern design languages like Liquid Glass. Use it when reviewing mockups or developing native-feeling Apple apps to ensure accessibility and optimal user experience.

This skill helps users design robust and optimal software interfaces (APIs) for a module by applying the 'Design It Twice' philosophy. It generates multiple, radically different architectural designs using parallel agents, allowing for comprehensive comparison of trade-offs (e.g., simplicity vs. flexibility, specialized vs. general-purpose). Use this when you need to explore various structural options or compare module shapes before committing to a final design.

A comprehensive guide providing production-ready patterns for integrating with Salesforce using jsforce (TypeScript) and simple-salesforce (Python). These patterns cover essential topics such as implementing singleton connection management with automatic token refresh, defining typed sObject interfaces, building type-safe SOQL query builders, and wrapping API calls with robust error handling mechanisms. Ideal for developers refactoring existing Salesforce integrations or establishing standardized team coding practices.

This guide outlines production-ready patterns for integrating SerpApi into robust search services. It covers essential best practices, including defining typed result interfaces for type safety, implementing LRU caching to conserve API credits, and building multi-engine abstractions to handle various search types (web, news, images). It also demonstrates asynchronous search processing for non-blocking operations.

A comprehensive set of abstractions, types, and components for building robust administrative backends and content management interfaces. This toolkit supports data modeling, content entry forms, GraphQL integration, and event handling, making it ideal for developing headless CMS solutions.

This module serves as the centralized catalog for administrative configurations within the Webiny API context. It provides key abstractions, such as AdminConfig, allowing developers to reliably access and manage application settings. Developers must import the specific abstraction and review the source file for accurate interfaces and types to ensure proper implementation.

This module provides a comprehensive set of abstractions and hooks for developing complex web forms, primarily for administrative interfaces. It includes tools for field rendering, form state management (using hooks like useForm and useBind), field building utilities (FieldBuilder), and robust data validation mechanisms. It significantly simplifies the process of creating data-driven and interactive user input forms.

This utility provides key abstractions for integrating with the webiny administration API using GraphQL. It serves as a centralized catalog, guiding developers on how to correctly import and utilize pre-defined GraphQL client structures. By enforcing standardized interfaces and types, it ensures type safety and consistent data interaction patterns across the application's administrative features, streamlining data fetching in complex admin contexts.