Skill UI

This expert specializes in scaffolding complete, production-ready, accessible, and performant React and React Native components. It generates full boilerplate code including TypeScript definitions, unit tests, styles (CSS Modules, Styled-Components, Tailwind), and accessibility hooks, ensuring adherence to modern best practices for scalable frontend architecture.

Provides Java architecture guidance for Spring Boot 3 microservices, reactive WebFlux, JPA tuning, and security setups to build resilient cloud-native enterprise services.

Guides building native-feeling macOS interfaces, covering layout/composition, traffic lights, draggable chrome, shortcuts, light/dark mode, visuals, animations, drag-and-drop, and onboarding for desktop tools whether React, Electron, or native.

Guides end-to-end mobile development with React Native, Flutter, and native Swift/Kotlin solutions, covering modern architecture, performance, integrations, DevOps, and security practices for production-ready apps.

Documenting React Native and Flutter patterns for building responsive, performant product lists with typed navigation, safe areas, and platform-aware styles, plus anti-patterns and checklist to keep JS threads smooth.

This skill provides production-ready architectural patterns for building robust mobile applications using React Native and Expo. It covers complex topics like state management, sophisticated navigation flow, integrating native modules, and implementing offline-first capabilities. It is ideal for starting new projects or optimizing existing large-scale React Native applications.

Builds and optimizes production-ready React Native and Expo mobile apps, covering navigation hierarchies, native module setup, FlatList performance tuning, SafeArea/keyboard handling, and multi-platform testing to ensure smooth iOS and Android releases.

Guides building and scaling Convex backends with TypeScript schemas, queries, mutations, real-time subscriptions, auth, file storage, scheduling, and deployment across React, Next.js, Angular, Vue, Svelte, and RN.

This skill provides a comprehensive framework for performing end-to-end UI testing and verification on Android emulators. It guides users through systematic processes including device calibration, UI element discovery using uiautomator, performing complex interactions (tap, swipe, input), and robust reporting via visual screenshots and logcat analysis. Ideal for ensuring the stability and functional correctness of React Native or native Android applications.

Guide for adding Tailwind CSS v4 to Expo apps using react-native-css and NativeWind v5, covering Metro/PostCSS/global CSS config and dependency setup for consistent iOS, Android, and Web styling.

Explains how to use the @expo/ui/swift-ui package to build iOS-native UI inside Expo SDK 55 apps, wrapping SwiftUI trees in Host, embedding React Native components via RNHostView, and referring to the specific SDK 55 docs when selecting views or modifiers.

Comprehensive Expo-focused guidance for implementing or debugging any network request, API call, or data fetching flow, covering fetch API usage, React Query/SWR, caching, error handling, offline support, and Expo Router loaders with authentication token management.