Use when building UI with gluestack-ui components. Covers component composition, variants, sizes, states, accessibility props, and platform-specific considerations for React and React Native.
Use when discovering, exploring, or retrieving gluestack-ui components via MCP tools. Provides access to component source code, variants, demos, and metadata.
Use when customizing gluestack-ui themes and design tokens. Covers theme provider setup, design tokens, dark mode, NativeWind integration, and extending themes.
Use when managing state and side effects in Ink applications using React hooks for terminal UIs.
Use when next.js App Router with layouts, loading states, and streaming. Use when building modern Next.js 13+ applications.
Use when next.js data fetching patterns including SSG, SSR, and ISR. Use when building data-driven Next.js applications.
Use when next.js Server Components for optimal performance. Use when building data-intensive Next.js applications.
Render views and templates in Phoenix using HEEx templates, function components, slots, and assigns
Use when building React Native UI components with core components, custom components, and component patterns. Covers View, Text, Image, ScrollView, FlatList, and component composition.
Use when building or integrating native modules in React Native. Covers creating native modules, Turbo Modules, bridging native code, and accessing platform-specific APIs.
Use when implementing navigation in React Native apps with React Navigation. Covers stack, tab, drawer navigation, deep linking, and navigation patterns.
Use when handling platform-specific code in React Native for iOS and Android. Covers Platform API, platform-specific components, native modules, and cross-platform best practices.
Use when styling React Native components with StyleSheet, Flexbox layout, responsive design, and theming. Covers platform-specific styling and design systems.
Use when working with React Native Web projects. Provides core concepts, components, and cross-platform patterns for building web applications with React Native.
Use when implementing navigation in React Native Web projects. Provides patterns for React Navigation, deep linking, and web-specific routing.
Use when optimizing React Native Web performance. Provides patterns for code splitting, bundle optimization, memoization, and web-specific performance improvements.
Use when styling React Native Web components. Provides patterns for StyleSheet API, platform-specific styles, responsive design, and theming.
Use when React Context patterns for state management. Use when sharing state across component trees without prop drilling.
Use when React Hooks patterns including useState, useEffect, useContext, useMemo, useCallback, and custom hooks. Use for modern React development.
Use when React performance optimization including memoization, lazy loading, and virtualization. Use when optimizing React applications.
Use when creating custom React Flow nodes, edges, and handles. Covers custom node components, resizable nodes, toolbars, and advanced customization.
Use when building node-based UIs, flow diagrams, workflow editors, or interactive graphs with React Flow. Covers setup, nodes, edges, controls, and interactivity.
Use when relay fragment composition, data masking, colocation, and container patterns for React applications.
Use when relay mutations with optimistic updates, connections, declarative mutations, and error handling.
