Skill UI

This comprehensive guide provides robust strategies for testing Python code using industry best practices. It covers essential techniques like pytest, fixtures, mocking, parameterization, and implementing Test-Driven Development (TDD). Use this skill when writing unit tests, setting up complex test suites, performing integration testing, or establishing continuous testing infrastructure in CI/CD pipelines.

Build accessible, production-grade design systems with Radix UI headless primitives. Covers theming strategies, compound component patterns, and WCAG-compliant React component libraries with full styling control.

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 skill allows users to build and maintain complex UI components and full screens directly within Figma using the Figma MCP. It rigorously enforces a defined design system (like Rayna UI) by validating design tokens, applying craft rules, detecting anti-patterns, and ensuring visual consistency. Ideal for creating new components, composing entire dashboards or landing pages, or auditing existing files for compliance.

This skill enables developers to build production-ready ReactFlow applications featuring hierarchical navigation, performance optimization, and advanced state management. It includes TypeScript implementation patterns, layout caching, and interactive graph visualization techniques suitable for complex data structures.

This skill enables developers to create React Flow node components using established patterns and TypeScript types. It includes store integration for state management and provides templates for quick setup. Users can customize node names, types, and data interfaces. Ideal for building visual workflow editors and diagramming tools.

This skill provides production-ready architectural patterns for building robust mobile applications using React Native and Expo. It covers complex topics like state management, sophisticated navigation flow, integrating native modules, and implementing offline-first capabilities. It is ideal for starting new projects or optimizing existing large-scale React Native applications.

A comprehensive reference guide detailing best practices, rules, and optimizations for building high-performance React Native and Expo applications. It covers critical areas such as list virtualization, complex animations, UI patterns, state management, and monorepo structure, helping developers avoid common pitfalls and maximize app speed and stability.

Comprehensive guide to modern React state management patterns, covering local, global, server, URL, and form state. Includes practical examples with Redux Toolkit, Zustand, Jotai, and React Query for setting up global state, managing server state, and choosing the right solution.

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states to ensure optimal user experience and application stability.

Analyzes rehabilitation training data, identifies recovery patterns, assesses progress, and provides personalized rehabilitation recommendations.

General reverse-engineering methodology for compiled, obfuscated, packed, or virtualized binaries. Covers GDB, Frida, angr, Unicorn, and Qiling static/dynamic workflows across languages and platforms, with anti-analysis countermeasures and CTF patterns.