Skill UI

This skill provides a comprehensive set of core UI components (e.g., Box, Button, Input, Card) and implements a structured design system. It guides developers on using design tokens (like `$textPrimary` or `$4`) instead of hard-coded values, ensuring visual consistency and scalability across applications. Ideal for any project requiring standardized, maintainable UI development.

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 specialized guide assists service-area businesses (e.g., plumbing, HVAC, appliance repair) in mastering local SEO. It provides comprehensive strategies for auditing Google Business Profiles (GBP), generating high-ranking neighborhood service pages, ensuring NAP consistency, and implementing local schema markup to dominate the Google Map Pack.

This skill generates comprehensive visual regression test configurations using SmartUI for accurate screenshot comparison on cloud platforms. It is framework-agnostic, supporting major tools like Playwright, Selenium, Cypress, and Puppeteer. Use it when detecting UI changes, ensuring visual consistency, or running automated visual tests across multiple viewports and browsers.