Skill UI

This comprehensive guide details the process of setting up Tailwind CSS v4 within an Expo React Native project. It ensures universal styling compatibility across iOS, Android, and Web by utilizing react-native-css and NativeWind v5. The setup covers required configurations for Metro, PostCSS, global CSS, and even provides reusable styled components for optimal development experience.

This skill guides developers on using the `@expo/ui/swift-ui` package to integrate native SwiftUI views and modifiers into Expo applications. It is essential for building authentic, platform-specific iOS user interfaces within a cross-platform React Native context, especially when targeting Expo SDK 55. Learn how to wrap SwiftUI trees and embed React Native components.

A comprehensive guide for implementing reliable and resilient network communication in modern applications. Covers best practices for API requests, utilizing libraries like React Query/SWR for advanced data fetching, implementing robust error handling with retries and exponential backoff, managing authentication tokens, and ensuring offline-first support across various environments (including Expo Router loaders).

Cross-platform Microsoft Store Developer CLI for configuring Partner Center credentials, managing applications and submissions, automating publishing workflows, and integrating with CI/CD for Windows, MAUI, Flutter, Electron, React Native, and PWA apps.

Master event-driven patterns within Snowflake using native alerts, email integrations, external functions, and cloud notification services (S3/GCS). This skill is essential for building robust, reactive pipelines that trigger actions (like sending alerts, calling external APIs, or ingesting data) in response to data changes or specific system events. Use cases include data quality checks, real-time monitoring, and automated notifications.

This expert playbook details advanced techniques for bypassing SSL pinning mechanisms (Certificate, Public Key, SPKI) on mobile applications running on Android and iOS. It provides practical methods using tools like Frida and Objection, covering various frameworks (Flutter, React Native, Xamarin) and multiple pinning types to enable the interception and analysis of encrypted HTTPS traffic.

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.

A comprehensive guide for implementing view transitions in React and Next.js. Learn how to animate UI states, shared element animations, and route changes using the native ViewTransition API. Covers best practices for maintaining spatial continuity and adapting to different navigation contexts.

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.

A comprehensive guide covering production-grade Android and cross-platform app development. It details best practices for selecting technology stacks (Kotlin, Flutter, React Native, KMM) and implementing modern architectures like Clean Architecture and MVI/MVVM across various platforms.

A comprehensive guide for implementing Brutalist Typography aesthetics across web and mobile platforms. This style intentionally breaks traditional design rules, utilizing massive system fonts, clashing colors (Black, White, Red), and aggressive layouts (overlapping, negative margins) to create a raw, attention-demanding, and unapologetic visual experience. Includes detailed CSS, SwiftUI, Flutter, and React Native examples.

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.