rn-observability

Community

Structured logging for React Native apps.

AuthorCJHarmath
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Silent failures and debugging dead-ends in React Native apps due to missing or opaque logs. This skill provides structured logging patterns to improve observability, making production issues diagnosable and fixes quicker.

Core Features & Use Cases

  • Structured Logging: a unified logger with contextual metadata across components and async flows.
  • Error Message Design: contextual, diagnosable error messages that aid debugging in production.
  • Flow Tracing: unique flow IDs to trace multi-step user journeys across screens and async operations.
  • State Snapshots: quick state dumps around critical operations to aid debugging.
  • Production Error Reporting: optional integration with services like Sentry for prod visibility.
  • Use Case: when adding a network call, wrap critical paths with logs and tracing to diagnose slow responses.

Quick Start

Install and integrate the RN observability utilities into your project, replace console logs with the structured logger, and start tracing flows with unique flow IDs. Then ask the AI to "set up a trace for user onboarding and include context-rich logs."

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: rn-observability
Download link: https://github.com/CJHarmath/claude-agents-skills/archive/main.zip#rn-observability

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.