Skill UI

This skill provides a deep framework for validating the spatial composition and technical integrity of a UI. It moves beyond simple visual checks, emphasizing that the output must be rendered and critically assessed at various viewport sizes. Key focus areas include detecting subtle design flaws like overlaps and imbalances, and most critically, implementing mandatory horizontal overflow checks (`scrollWidth`) to ensure the layout remains flawless across all device widths.

A comprehensive guide on designing, building, and optimizing interactive developer playgrounds. Learn principles covering instant gratification, progressive complexity, and zero friction to maximize developer engagement, demonstrate core value, and convert curious visitors into active users.

This skill guides the implementation of advanced SEO strategies tailored specifically for technical audiences and developers. It covers specialized techniques such as optimizing for error messages, researching high-intent technical long-tail keywords, creating structured how-to guides, and developing objective tool comparison content. Use this when targeting developers who search with precise technical intent, needing solutions that go beyond standard documentation.

A comprehensive resource containing official, managed integration examples for popular third-party services (Stripe, OpenAI, Supabase, etc.). This library provides canonical patterns for connecting external APIs into an Expo application. Users can utilize it in two primary ways: adapting the pattern into an existing project (most common) or scaffolding a new greenfield application.

A comprehensive guide for developers on creating and writing native modules and views using the Expo Modules API. It covers platform-specific implementation details for Swift (iOS), Kotlin (Android), and TypeScript. Use this when integrating system APIs, wrapping platform SDKs, or building complex native functionality that goes beyond standard React Native components.

EAS Observe is a comprehensive tool for monitoring performance metrics in production Expo applications. It tracks critical performance data, including app startup time, navigation performance across routes, and custom user events. Developers can integrate it into their Expo project using the `expo-observe` package and query detailed reports via the EAS CLI, ensuring optimal user experience and stability.

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 guides users through an in-depth interview process to achieve maximum project context completeness (100% "Gold Code") for their .faf file. By systematically asking questions about project goals, architecture, and technology stack, it ensures all critical context slots are filled, making the project fully structured and highly readable by AI systems.

This comprehensive skill demonstrates advanced usage patterns for Formik, a popular React form handling library. It covers basic form setup, complex validation schema creation using Yup (including conditional logic), field helper utilities, and integrating form submissions with GraphQL mutations for both creation and editing scenarios.

This skill defines a framework-agnostic, scalable architecture pattern for React and React Native applications. It mandates feature modules, strict state separation (server vs. UI), and disciplined import rules to create predictable, maintainable, and highly scalable codebases, regardless of the chosen framework (Next.js, Remix, etc.).

This discipline establishes a portable, framework-agnostic layer for ensuring type safety at the network edge of any React or React Native application. It mandates a single, typed API client to wrap all network fetching, guaranteeing that raw wire JSON is immediately parsed into trusted, domain-specific types or standardized error objects before entering the application state. This pattern drastically reduces runtime errors and enhances code robustness.

A comprehensive discipline for managing the write path in React or React Native applications using a query/cache layer. It codifies the full optimistic update lifecycle, ensuring that UI updates feel instantaneous, rollbacks are verbatim upon failure, and the global cache remains perfectly coherent across all components and list views. This pattern is essential for complex, highly interactive user experiences.