Skill UI

This guide provides comprehensive patterns for migrating Enzyme unit tests to React Testing Library (RTL), especially when upgrading to React 18. It emphasizes the crucial philosophical shift from testing internal implementation details (like state or props) to asserting visible user behavior. Learn best practices for rewriting shallow/mount/simulate calls into modern, accessible, and resilient RTL queries, ensuring your tests reflect how a user genuinely interacts with the component.

Generate production-quality React components and UIs using the specialized Rayden UI component library and Tailwind CSS. This skill ensures that all generated code strictly adheres to a defined design system, including correct component usage, design tokens, prop validation, and established layout patterns. Ideal for scaffolding complex pages like dashboards, login forms, and data tables while maintaining premium aesthetics and consistency.

This guide provides comprehensive instructions for setting up and authenticating the Apify ecosystem. It covers installing and configuring core components including the apify-client library, the native Apify SDK, and the Apify CLI. Learn how to manage API tokens, use environment variables, and initialize the necessary tools for building web scrapers and automation workflows.

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.

This skill provides a comprehensive set of core UI components (e.g., Box, Button, Input, Card) and implements a structured design system. It guides developers on using design tokens (like `$textPrimary` or `$4`) instead of hard-coded values, ensuring visual consistency and scalability across applications. Ideal for any project requiring standardized, maintainable UI development.

Use @expo/ui to build high-fidelity, native user interfaces across iOS and Android from a single React codebase. This library renders real native UI components, such as SwiftUI on iOS and Jetpack Compose on Android. It promotes a universal component layer for cross-platform consistency, while also providing controlled access to platform-specific optimizations and drop-in replacements for existing community libraries.

This skill generates comprehensive unit and integration tests using Jest for JavaScript and TypeScript. It supports advanced testing patterns, including deep mocking, asynchronous handling, snapshot testing, and testing React components with Testing Library. Use it when the user needs to thoroughly validate application logic and behavior.

Generates a precise, evidence-based installation plan for a project's component catalog (ECC). Instead of loading a full, noisy bundle, this skill analyzes the repository's actual code structure, dependencies, and CI/CD evidence to classify skills, rules, and commands into 'DAILY' (essential) and 'LIBRARY' (referenceable) buckets. It ensures only necessary components are active, optimizing the development environment.

This guide provides comprehensive patterns for behavior-focused testing of React components, custom hooks, and pages. It covers best practices using React Testing Library (RTL), including accessibility assertions, simulating user interactions (userEvent), and network mocking with MSW. It also helps developers define clear test boundaries between unit component tests and full E2E flows.