Skill UI

You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s

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 developing mobile applications using React Native and Expo. It covers complex topics including state management, advanced navigation patterns, integrating native modules, and implementing robust offline-first functionalities. Ideal for starting new projects or optimizing existing mobile codebases to ensure scalable and performant results.

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 robust methodology for performing end-to-end UI testing and verification on Android emulators. Utilizing ADB commands, users can autonomously inspect UI element bounds (via uiautomator), simulate interactions (taps, swipes, input text), and capture visual/analytical screenshots. It is ideal for verifying UI changes in React Native or native Android applications, speeding up the debugging process, and generating comprehensive documentation for pull requests.

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.

The @expo/ui/jetpack-compose package brings Jetpack Compose Views and modifiers into Expo SDK 55, letting you build Android-native UI inside React Native using Compose components, modifiers, and Host wrappers with Material 3 knowledge.

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.