Generates new React Native screens following Ishkul patterns. Creates screen component with proper hooks ordering, state management, loading/error/success states, navigation setup, and matching test file. Use when adding new screens to the app.
Master Flutter animations including implicit, explicit, hero, and physics-based animations. Create smooth, performant UI transitions and custom animated widgets.
Create responsive layouts that adapt seamlessly across mobile, tablet, and desktop screen sizes. Use this skill when implementing mobile-first layouts or breakpoint-based responsive designs. Use this skill when using CSS media queries, responsive grid systems, or framework breakpoint utilities. Use this skill when ensuring layouts work across different viewport sizes from mobile to desktop. Use this skill when implementing fluid layouts with percentage-based widths. Use this skill when using relative units (rem, em) instead of fixed pixels. Use this skill when optimizing touch targets and tap areas for mobile devices. Use this skill when testing UI changes across multiple screen sizes and devices.
GetX controllers, reactive state, dependency injection, bindings, navigation, and best practices
Provides comprehensive state management patterns for React applications. This skill should be used when deciding how to manage different types of state, choosing state management solutions, or implementing state logic.
Jetpack Compose - composables, state, effects, theming
Implement data persistence patterns for Progressive Web Apps. Use when working with browser storage APIs, implementing localStorage or IndexedDB, or managing client-side data persistence.
Async/await correctness in React Native with Zustand. Use when debugging race conditions, missing awaits, floating promises, or async timing issues in Expo/React Native apps.
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
Implement robust offline caching and asset management for React apps via Service Workers.
Master Vue 3 Composition API with setup, ref, reactive, computed, watch, and composables for building scalable reactive applications.
Zustand state management patterns for React Native. Use when working with Zustand stores, debugging state timing issues, or implementing async actions in Zustand.
Master Flutter state management with BLoC, Riverpod, Provider, and GetX. Learn when to use each solution and implement scalable state patterns. Use for choosing and implementing state management in Flutter apps.
This skill should be used when implementing local state management in this React Native/Expo codebase. It covers Apollo Client Reactive Variables for in-memory reactive state and React Native AsyncStorage for persistent storage. Use this skill when creating feature flags, user preferences, session state, or any client-only state that needs to survive component unmounts or app restarts.
Build sophisticated React animations with Motion (formerly Framer Motion) - declarative animations, gestures (drag, hover, tap), scroll effects, spring physics, layout animations, and SVG manipulation. Optimize bundle size with LazyMotion (4.6 KB) or useAnimate mini (2.3 KB). Use when: adding drag-and-drop interactions, creating scroll-triggered animations, implementing modal dialogs with transitions, building carousels with momentum, animating page/route transitions, creating parallax hero sections, implementing accordions with smooth expand/collapse, or optimizing animation bundle sizes. For simple list animations, use auto-animate skill instead (3.28 KB vs 34 KB). Troubleshoot: AnimatePresence exit not working, large list performance issues, Tailwind transition conflicts, Next.js "use client" errors, scrollable container layout issues, or Cloudflare Workers build errors (resolved Dec 2024).
Build and debug Flutter/Dart apps with Riverpod (codegen), Freezed, and GoRouter. Use when implementing Flutter features, running apps, hot reload/restart, or debugging UI.
Deploying Expo apps to iOS App Store, Android Play Store, web hosting, and API routes
Setup Dev Client environment and manage platforms (Android/iOS). Use for initial setup from Expo Go or to add/remove platforms. Run this BEFORE /dist-dev-client.
Internationalization (i18n) and localization (l10n) patterns using GetX Translations for multi-language Flutter applications
