skills.rest
Rocapine
RocapineOFFICIAL
Explore all skills by this author →
WebsiteGitHub

watch-example-errors

Detect and diagnose Metro bundler runtime and bundle errors across ios, android, and web.

2|1|Updated Sep 30, 2025
Search Tags:#automation#debugging#diagnosis#react-native#metro#watcher#error-detection
One-click install
npx skills add https://github.com/Rocapine/react-native-onboarding --skill watch-example-errors
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: watch-example-errors
Source: https://github.com/Rocapine/react-native-onboarding/tree/main/.claude/skills/watch-example-errors
Command: npx skills add https://github.com/Rocapine/react-native-onboarding --skill watch-example-errors

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Detects and diagnoses runtime and bundle errors from the example app's Metro bundler, helping developers catch issues early and verify builds without full redeploys.

Core Features & Use Cases

  • On-demand error detection: run quick one-shot bundle checks or deploy a live background agent that watches logs for new errors and provides context.
  • Report-only diagnostics: warn, diagnose, and propose fixes without automatically applying changes.
  • Multi-platform readiness: supports ios, android, and web development workflows during app iterations.

Quick Start

Start the error-watch workflow using the provided script to begin monitoring Metro for new errors as you develop.

Frequently Asked Questions about watch-example-errors

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I monitor Metro bundler errors in a React Native example app?▼

Monitor Metro bundler errors by running an automated script-based workflow that watches logs for runtime and bundle errors across iOS, Android, and web platforms. It provides diagnostic context without applying automatic fixes.

Can I run a one-shot bundle check for React Native Metro errors?▼

Yes, you can run a one-shot bundle check using the oneshot mode to perform quick error detection. This validates builds and catches issues early without deploying a live background agent.

Does the Metro error watcher automatically fix bundle errors?▼

No, the Metro error watcher provides report-only diagnostics. It warns, diagnoses, and proposes fixes without automatically applying changes, ensuring developers maintain control over the codebase.

What's the best way to catch runtime errors during React Native development iterations?▼

Deploy a live background agent that watches Metro logs for new errors during development iterations. It wakes the session on new errors, supporting iOS, Android, and web workflows to verify builds without full redeploys.

What modes are available for automating React Native error diagnosis?▼

The error diagnosis workflow supports three modes: oneshot for quick checks, metro for live background monitoring, and until for bounded watch sessions. Each mode provides diagnostic guidance for runtime and bundle errors.

Do I need additional dependencies to detect Metro bundle errors?▼

No additional dependencies are required. The error detection workflow implements a standalone shell script that automates the detection and diagnosis of runtime and bundle errors directly from the Metro bundler.

Related Skills

Explore More Software Engineering Skills→
FilenCloudDiensteFilenCloudDienste
34

argent-metro-debugger

Debug React Native apps via Metro CDP for component and console inspection.

Official
Advanced
cin12211cin12211
218

vite-expert

Diagnose and tune Vite build, dev server, and plugin configurations.

Community
Advanced
InverterNetworkInverterNetwork

requesting-code-review

Automates pre-commit code verification through static security analysis, linting, and independent review.

Official
Advanced
jiten-singh-shahijiten-singh-shahi
13

sf-debugging

Diagnose Salesforce runtime errors and analyze debug logs.

Community
Intermediate