Skill UI

This skill generates robust, production-grade End-to-End (E2E) and Component tests using the Cypress framework in JavaScript or TypeScript. It supports local execution and cloud testing environments. Use this skill when you need to write Cypress test cases, set up the Cypress environment, or utilize core commands like `cy.get`, `cy.visit`, and `cy.intercept` for functional validation.

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.

This guide details advanced strategies for publishing technical content across major developer platforms like Dev.to and Hashnode. It covers cross-posting best practices, canonical URL management for optimal SEO, and platform-specific optimization (e.g., tagging, content performance) to maximize reach and build authority.

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.

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 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 portable, framework-agnostic system designed for robust field-side observability in React or React Native apps. It establishes a strongly typed event taxonomy, ensures best-effort, non-blocking data fan-out across multiple analytics providers, and enforces consent gates for all telemetry data. This system complements synthetic testing by capturing real user vitals (LCP, INP, CLS) and behavioral events in production.

A framework-agnostic, builder-based SEO system designed for React and React Native-for-web applications. It centralizes site identity (title, description, OG tags) in a single source of truth, ensuring all metadata, canonical URLs, and structured data (JSON-LD, sitemap, robots.txt, RSS) are consistent, machine-readable, and automatically generated for every route.

Use this comprehensive skill for interacting with the Gemini API. It supports a wide range of advanced AI tasks, including text generation, multi-turn chat, multimodal understanding, image/video creation, function calling, and structured output. Provides modern SDKs for robust application development in Python and JavaScript/TypeScript.