Habilidades mobile-debugging
🔧

mobile-debugging

Seguro 🌐 Acceso a red📁 Acceso al sistema de archivos⚙️ Comandos externos

Depurar aplicaciones móviles React Native y Expo

Las aplicaciones React Native pueden fallar, congelarse o no compilarse sin mensajes de error claros. Esta habilidad proporciona comandos y técnicas de depuración paso a paso para diagnosticar y corregir errores del agrupador Metro, problemas de módulos nativos, problemas de rendimiento y fallos de compilación.

Soporta: Claude Codex Code(CC)
📊 70 Adecuado
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

Usando "mobile-debugging". Mi agrupador Metro muestra error de Unable to resolve module para un paquete que instalé

Resultado esperado:

  • 1. Limpiar caché de Metro: npx expo start --clear
  • 2. Eliminar estado de watchman: watchman watch-del-all
  • 3. Reiniciar archivos de caché de Metro: rm -rf /tmp/metro-*
  • 4. Reinstalar dependencias: rm -rf node_modules && npm install
  • 5. Reiniciar agrupador: npx expo start
  • 6. Si sigue fallando, verifica que tu ruta de importación sea correcta y que el paquete exporte el módulo que estás importando

Usando "mobile-debugging". Mi compilación de iOS está fallando con un error de compatibilidad de módulo nativo

Resultado esperado:

  • 1. Reiniciar pods de iOS: cd ios && pod deintegrate && pod install && cd ..
  • 2. Limpiar carpeta de compilación: rm -rf ios/build
  • 3. Ejecutar prebuild de expo: npx expo prebuild --clean
  • 4. Recompilar: npx expo run:ios
  • 5. Verificar la compatibilidad del paquete con tu versión de Expo SDK

Usando "mobile-debugging". Mi emulador de Android no aparece en adb devices

Resultado esperado:

  • 1. Verificar dispositivos conectados: adb devices
  • 2. Detener servidor adb: adb kill-server
  • 3. Reiniciar adb: adb start-server
  • 4. Si sigue sin funcionar, iniciar en frío el emulador: emulator -avd AVD_NAME -no-snapshot-load
  • 5. Verificar que Android SDK platform-tools esté instalado y en PATH

Auditoría de seguridad

Seguro
v5 • 1/16/2026

This is a documentation-only skill containing debugging guidance for React Native apps. The static analyzer flagged 56 patterns in markdown examples (bash commands, URLs, temp directory paths) that it mistook for executable code. All findings are FALSE POSITIVES. The skill provides no executable code and makes no network requests, file modifications, or system changes. Commands shown are standard React Native/Expo debugging procedures publicly documented in official resources.

2
Archivos escaneados
401
Líneas analizadas
3
hallazgos
5
Auditorías totales

Puntuación de calidad

38
Arquitectura
100
Mantenibilidad
87
Contenido
22
Comunidad
100
Seguridad
91
Cumplimiento de la especificación

Lo que puedes crear

Corregir fallos de la aplicación

Diagnosticar por qué tu aplicación React Native falla al iniciar o durante la navegación usando análisis de registros y correcciones comunes

Resolver errores de compilación

Solucionar fallos de compilación de iOS y Android causados por incompatibilidades de módulos nativos o cachés corruptos

Depurar problemas de rendimiento

Identificar renders lentos, fugas de memoria y problemas de red que afectan el rendimiento de la aplicación y la experiencia del usuario

Prueba estos prompts

El agrupador Metro no inicia
Mi agrupador Metro de React Native no está iniciando. Veo errores de Unable to connect. Ayúdame a diagnosticar y corregir esto.
Error de compilación de iOS
Mi compilación de iOS está fallando con un error de módulo nativo. ¿Cómo puedo solucionar y resolver esto?
La aplicación tiene rendimiento lento
Mi aplicación React Native está运行 lentamente. ¿Cómo identifico qué componentes están causando renders lentos y corrijo las fugas de memoria?
Problemas con el emulador de Android
Mi emulador de Android no está respondiendo o muestra dispositivo offline. ¿Cómo lo reinicio y reconecto correctamente?

Mejores prácticas

  • Siempre limpia las cachés primero al solucionar problemas del agrupador después de cambios de dependencias
  • Revisa los registros específicos de plataforma (consola de Xcode para iOS, logcat para Android) cuando ocurran errores nativos
  • Reproduce el problema de manera consistente antes de hacer cambios para entender la causa raíz

Evitar

  • Saltarse la traza del error y adivinar el problema
  • Probar solo en una plataforma cuando el problema podría ser específico de la plataforma
  • Hacer múltiples cambios a la vez sin aislar la corrección

Preguntas frecuentes

¿Esta habilidad funciona con Expo Router y Expo Go?
Sí. Los comandos de depuración funcionan con proyectos Expo Router y Expo Go. Algunas correcciones nativas requieren ejecutar expo prebuild o construir un desarrollo build.
¿Qué tan atrás soporta esta habilidad la depuración?
Los comandos funcionan con Expo SDK 50+ y React Native 0.73+. Las versiones más antiguas pueden tener comandos ligeramente diferentes para algunas operaciones.
¿Puedo usar estas técnicas de depuración con pipelines CI/CD?
Sí. La mayoría de los comandos funcionan en entornos CI. Algunos comandos de simulador (xcrun) solo funcionan en macOS con Xcode instalado.
¿Esta habilidad almacena o transmite algún dato?
No. Esta es una habilidad de solo documentación. Proporciona orientación sin acceder a tus archivos, credenciales ni enviar datos a ningún lugar.
¿Por qué sigo necesitando limpiar las cachés?
Las cachés pueden quedarse obsoletas cuando las dependencias cambian, los archivos se mueven o el estado de watchman se corrompe. La limpieza regular de cachés es normal en el desarrollo de React Native.
¿Cómo es esto diferente de usar Flipper o React DevTools?
Esta habilidad proporciona depuración basada en CLI para problemas que herramientas como Flipper no pueden corregir. Usa Flipper para inspección de UI y depuración de red junto con estos comandos.

Detalles del desarrollador

Estructura de archivos

📄 SKILL.md