Skill UI

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.

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 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.

Neon Object Storage provides S3-compatible, branch-aware object storage directly integrated with your Neon Postgres project. It ensures that files (images, documents, user uploads) remain perfectly synchronized with the database schema across all development branches (dev, preview, staging, production). Use this skill when you need a single backend for both database rows and file assets, eliminating the need for separate cloud storage providers.

A comprehensive skill for generating production-grade, robust automation scripts and end-to-end tests using Selenium WebDriver. Supports multiple languages (Java, Python, JS, C#, etc.) and execution environments, including local machines and TestMu AI cloud for cross-browser compatibility. It guides users on best practices like explicit waits, Page Object Model (POM), and stable locator strategies, acting as a senior QA automation architect.

This skill generates comprehensive end-to-end (E2E) automation tests using WebdriverIO (WDIO) in JavaScript or TypeScript. It supports various frameworks (Mocha, Jasmine, Cucumber) and includes advanced patterns like the Page Object Model (POM) and robust selector strategies. Users can configure tests for local execution or integrate with cloud services like LambdaTest, making it ideal for simulating complex user interactions and ensuring application quality across multiple browsers and environments.

Automates comprehensive end-to-end Quality Assurance (QA) for deployed web applications. This skill performs multi-stage testing, including smoke tests, complex user interactions (forms, authentication), visual regression checks across breakpoints, performance monitoring (Core Web Vitals), and WCAG accessibility audits.

This tool serves as a persistent memory and state manager for complex coding projects within the Claude environment. It allows users to initialize new projects with structured metadata, track detailed session progress (including summaries, decisions, and next steps), and save the entire context reliably. By ensuring project continuity across disconnected sessions, it drastically improves the flow and consistency of the development workflow.

This guide provides comprehensive, structured error handling patterns for modern applications using TypeScript, Python, and general architectural principles. It covers essential concepts like typed custom errors, Result patterns, API error transformers, and React Error Boundaries. Learn how to implement fail-fast mechanisms, differentiate user-facing messages from developer logs, and ensure system resilience against unexpected failures.

This skill analyzes existing legacy codebases to detect implicit coding conventions across four meta-architectural dimensions (File Anatomy, State & Control Flow, Infrastructure, Error Handling). It resolves conflicts one by one with the user, generating a structured rules file (.ai-style-rules.md) and optionally installing persistent hooks to prevent AI-generated code style drift in future development.

A comprehensive tool for discovering, vetting, and evaluating Laravel packages. Users can search for packages based on keywords, filter by health score (e.g., Healthy, Unhealthy), and verify compatibility across different Laravel and PHP versions. It helps developers choose actively maintained, robust packages, ensuring project stability and reducing technical debt.