Expo Debug Skill | expo-devtools-plugin | ClaudePluginHub

Skill

Community

Expo Debug Skill

From expo-devtools-plugin

0

Description

Use this skill when working on Expo/React Native applications to debug issues, access documentation, and interact with running apps.

AI Summary

Provides Expo/React Native debugging tools including documentation lookup, package installation, and visual UI testing via device automation. Use when building Expo apps, debugging mobile issues, or configuring EAS services.

Install

1

Add the repository(one-time)

$

/plugin marketplace add W3Dev/coding-agent

2

Install the plugin

$

/plugin install expo-devtools-plugin@w3dev

Tool Access

This skill inherits all available tools. When active, it can use any tool Claude has access to.

Skill Content

Expo Debug Skill

Use this skill when working on Expo/React Native applications to debug issues, access documentation, and interact with running apps.

When to Use

User is building a React Native app with Expo
User needs help with Expo-specific APIs or configuration
User wants to install or configure Expo packages
User needs to debug mobile app issues
User asks about EAS Build, Updates, or Submit
User needs to test UI components visually

Instructions

For Documentation Lookup

Use the Expo MCP learn tool to access official documentation
Use search_documentation for natural language queries
Supplement with Context7 for React Native or third-party library docs
Use Grep to find real-world code examples

For Package Installation

Use the Expo MCP add_library tool
Ensure version compatibility with the current Expo SDK
Check for required configuration (app.json, plugins, etc.)

For Visual Testing (requires local dev server)

First, ensure dev server is running with MCP enabled
Use automation_take_screenshot to capture current screen
Use automation_tap_by_testid to interact with UI elements
Use automation_find_view_by_testid to query component properties

For Project Configuration

Use generate_agents_md to create AI configuration files
Check app.json/app.config.js for configuration issues
Review EAS configuration for build/submit issues

Available MCP Tools

Expo MCP (Remote - requires EAS paid plan)

learn - Access Expo documentation
search_documentation - Natural language doc search
add_library - Install packages via npx expo install

Expo MCP (Local - requires dev server)

automation_take_screenshot - Capture simulator screen
automation_tap_by_testid - Tap UI elements
automation_find_view_by_testid - Query component properties
open_devtools - Launch React Native DevTools
expo_router_sitemap - Display routing structure

Shared Tools

mcp__context7__query-docs - Library documentation
mcp__deepwiki__ask_question - GitHub repo questions
mcp__grep__searchGitHub - Real-world code examples

Example Workflow

When user says: "How do I add push notifications to my Expo app?"

Search docs: expo.search_documentation("push notifications setup")
Get detailed guide: expo.learn("expo-notifications")
Install package: expo.add_library("expo-notifications")
Find examples: grep.searchGitHub("expo-notifications", language=["TypeScript"])
Provide step-by-step implementation guide

Links

GitHub Stats

0 forks

Updated 4 days ago

Similar Skills

Command Development

This skill should be used when the user asks to "create a slash command", "add a command", "write a custom command", "define command arguments", "use command frontmatter", "organize commands", "create command with file references", "interactive command", "use AskUserQuestion in command", or needs guidance on slash command structure, YAML frontmatter fields, dynamic arguments, bash execution in commands, user interaction patterns, or command development best practices for Claude Code.

53.4k

Agent Development

This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.

53.4k

Hook Development

This skill should be used when the user asks to "create a hook", "add a PreToolUse/PostToolUse/Stop hook", "validate tool use", "implement prompt-based hooks", "use ${CLAUDE_PLUGIN_ROOT}", "set up event-driven automation", "block dangerous commands", or mentions hook events (PreToolUse, PostToolUse, Stop, SubagentStop, SessionStart, SessionEnd, UserPromptSubmit, PreCompact, Notification). Provides comprehensive guidance for creating and implementing Claude Code plugin hooks with focus on advanced prompt-based hooks API.

53.4k