Expo Router Patterns

🌐Community
by ivantorresedge · vlatest · Repository

Helps with Expo, patterns as part of building frontend UIs and user experiences workflows.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add expo-router-patterns npx -- -y @trustedskills/expo-router-patterns
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "expo-router-patterns": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/expo-router-patterns"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill allows AI agents to understand and generate Expo Router patterns, which are used for defining navigation structures in React Native applications built with Expo. It can help create dynamic routes based on file system structure and handle complex routing scenarios within an Expo project. The skill facilitates the creation of nested layouts and efficient navigation flows.

When to use it

  • Generating initial Expo Router route configurations for a new project.
  • Creating dynamic routes based on data or user input.
  • Refactoring existing navigation structures in an Expo application.
  • Troubleshooting routing issues within an Expo project.
  • Understanding and implementing advanced routing patterns like tabs, modals, and nested layouts.

Key capabilities

  • Understands Expo Router syntax and conventions.
  • Generates valid app directory structure for routing.
  • Handles nested routes and layouts.
  • Supports dynamic route parameters.

Example prompts

  • "Create an app layout with a home screen and a settings page."
  • "Generate a route for displaying product details, including a parameter for the product ID."
  • "Show me how to create a tab navigation structure in Expo Router."

Tips & gotchas

  • Requires familiarity with React Native and Expo development.
  • The skill's output should be reviewed and adapted within your project’s codebase as it may require adjustments based on specific application needs.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
ivantorresedge
Installs
3

🌐 Community

Passed automated security scans.