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.

This guide demonstrates how to build a resilient, event-driven architecture for Gamma API integrations when native webhooks are unavailable. It utilizes a poll-based pattern, creating synthetic application-level events (start, completed, failed) by wrapping polling logic within an EventEmitter or message queue. Ideal for building background workers that reliably track and react to the full lifecycle of content generation.

Specialized skill for designing, building, and optimizing modern, cloud-native enterprise Java applications. Covers microservices architecture, Spring Boot 3.x, reactive programming (WebFlux), advanced data persistence (JPA optimization, R2DBC), and robust security implementation (OAuth2/JWT). Use this when implementing DDD patterns, ensuring high test coverage, and managing complex transaction boundaries.

Mastery of modern mobile development across multiple platforms, including React Native, Flutter, and native iOS/Android. Expertise covers the entire lifecycle, specializing in architectural patterns (Clean, MVVM), performance optimization, offline-first data synchronization (GraphQL, SQLite), advanced DevOps practices (CI/CD, Fastlane), and App Store Optimization (ASO). Ideal for building robust, scalable, and highly performant cross-platform applications.

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.

A comprehensive guide to securely implementing Supabase across diverse modern application stacks. This skill covers critical patterns for Next.js Server Components (SSR), Single Page Applications (SPA), React Native mobile apps, Edge Functions (Serverless), and complex multi-tenant deployments using RLS or schema isolation. It guides developers on correctly managing client types (anon vs. service_role) and handling authentication flows in various environments.

This skill provides a comprehensive collection of quick-start templates for developing applications across diverse tech stacks. Users can quickly scaffold full-stack web apps (Next.js), SaaS products, REST APIs (Express, FastAPI), mobile apps (Flutter, React Native), and specialized tools like CLI utilities. It ensures the initial project setup adheres to modern best practices, saving significant time during the initial development phase.

A comprehensive, step-by-step guide detailing the process of upgrading Expo SDK versions in a React Native project. This resource covers dependency resolution, handling breaking changes (such as React 19 or New Architecture migrations), clearing native caches (iOS/Android), and updating deprecated packages to ensure a smooth and stable migration process.

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.