Create starter files for new React Native Expo Router projects with navigation layouts, Zustand store, API client, NativeWind config, TypeScript setup, and sample screens.
135,559 tools. Last updated 2026-05-22 17:04
"How to create UI components with NativeWind for React Native" matching MCP tools:
- Generate a ready-to-paste snippet that wraps the Next.js root layout with UploadKitProvider to prevent runtime errors in UploadKit React components.MIT
- Identify existing UI components and design tokens before building new ones to prevent duplication and ensure consistency across your application.MIT
- Generate detailed upgrade instructions by comparing React Native versions to identify required dependency, configuration, and native code changes.MIT
- Retrieve the current stable React Native version for planning upgrades and ensuring compatibility with production applications.MIT
- Retrieve a list of all available shadcn/ui v4 components to understand component structure and installation.MIT
Matching MCP Servers
- AlicenseAqualityBmaintenanceStreamlines React Native CLI project upgrades by providing automated tools to generate detailed diffs and migration guidance between any React Native versions. Uses rn-diff-purge to help developers seamlessly upgrade or downgrade their projects with step-by-step instructions.Last updated41520MIT
- FlicenseAqualityCmaintenanceAn MCP server designed for React Native and Expo development that provides specialized tools for project scaffolding, architectural best practices, and troubleshooting. It enables AI assistants to guide users through setup, navigation configuration, and CI/CD processes using modern stacks like NativeWind and Zustand.Last updated134
Matching MCP Connectors
Native Claude Code integration for @annondeveloper/ui-kit — a zero-dependency React component library with 147 components, 3 weight tiers, physics-based animations, and OKLCH color system. Gives Claude deep awareness of the library's components, design patterns, and conventions. Includes 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility auditing. 2 custom agents for architecture design and accessibility review. Auto-connects to a hoste
Create AI surveys with dynamic follow-up probing directly from your AI assistant.
- Browse all UploadKit React upload components with name, category, and design inspiration. Filter by category to find the right variant for your context.MIT
- Retrieve the current production-ready React Native version for upgrade planning. Provides the stable release number to use with migration tools.MIT
- Create a new Godot scene file with a specified root node type for building game levels, UI screens, or reusable components. The scene is saved automatically.MIT
- Search framework-specific UI/UX guidelines and best practices for Flutter, React, Vue, SwiftUI, and other development stacks to implement component patterns and state management.MIT
- Search iOS Human Interface Guidelines or Android Material 3 design patterns to implement platform-specific UI/UX with cross-platform code examples for Flutter and React Native.MIT
- Search for UI components including icons and chart types to enhance design projects. Find suitable icons for interfaces and select appropriate charts for data visualization needs.MIT
- Discover available UI components in your design system or Storybook. View component names, categories, and stories to identify elements for building interfaces. Filter by category or use pagination for large libraries.MIT
- Generate React components from preset templates with design tokens resolved. Specify template name, props, and optional variant to create UI elements that maintain design system consistency.MIT
- Generate a detailed upgrade diff between React Native versions to identify required changes in dependencies, native configurations, project files, and troubleshooting steps.MIT
- Specify the target React Native version for upgrading your project, enabling preview of changes before migration.MIT
- Integrate native mobile audio and video call UI components for Flutter, Android, or iOS platforms to build applications with WeChat-like calling functionality.ISC
- Extract SVG components from React/TypeScript/JavaScript files into individual .svg files, preserving SVG structure and removing React-specific code.MIT
- Generate React UI component code snippets from natural language descriptions for integration into development projects.ISC
- Analyze mobile app bug videos to identify errors, crashes, and UI issues, then receive code fix suggestions for React Native, iOS, and Android apps.MIT