expo-router
Use when implementing file-based routing in Expo with Expo Router. Covers app directory structure, navigation, layouts, dynamic routes, and deep linking.
Use when implementing file-based routing in Expo with Expo Router. Covers app directory structure, navigation, layouts, dynamic routes, and deep linking.
Use when ensuring accessible gluestack-ui implementations. Covers WAI-ARIA patterns, screen reader support, keyboard navigation, focus management, and WCAG 2.1 AA compliance.
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.
Render views and templates in Phoenix using HEEx templates, function components, slots, and assigns
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.
Use when creating custom Svelte 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 Svelte Flow. Covers setup, nodes, edges, controls, and interactivity.
Use when Vue component patterns including props, emits, slots, and provide/inject. Use when building reusable Vue components.
Use when Vue 3 Composition API with reactive refs, computed, and composables. Use when building modern Vue 3 applications.
Use when Vue reactivity system with refs, reactive, computed, and watchers. Use when managing complex state in Vue applications.
Use when implementing advanced Zustand patterns including transient updates, subscriptions with selectors, store composition, and performance optimization techniques.
Use when implementing Zustand middleware for persistence, dev tools, immutability, and other enhanced store functionality. Covers persist, devtools, immer, and custom middleware.
Use when creating and managing Zustand stores for React state management. Covers store creation, selectors, actions, and basic usage patterns.
Use when working with Zustand in TypeScript projects. Covers type-safe store creation, typed selectors, and advanced TypeScript patterns with Zustand.
Use when typeScript async patterns including Promises, async/await, and async iterators with proper typing. Use when writing asynchronous TypeScript code.