SKILL·E519B7

expo-observe

expo
Updated 22 days ago
1 views
2,094
104
2,094
View on GitHub
Designreact

About

The `expo-observe` skill helps developers integrate and use EAS Observe for monitoring performance in Expo apps. It covers adding the SDK for metrics like app launch and navigation times, and querying data via EAS CLI commands. Use this skill for implementation guidance or to interpret production metrics for performance triage.

Quick Install

Claude Code

Recommended
Primary
npx skills add expo/skills -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/expo/skills
Git CloneAlternative
git clone https://github.com/expo/skills.git ~/.claude/skills/expo-observe

Copy and paste this command in Claude Code to install this skill

Documentation

EAS Observe

EAS Observe tracks startup, navigation, and custom-event performance from production Expo apps.

Source of truth: https://docs.expo.dev/eas/observe/ — always consult the canonical docs when API details matter, especially get-started, configuration, integrations, and the metrics reference. EAS Observe is evolving; this skill's references are written to stay accurate but may lag the docs.

Which reference to read

The three reference files in ./references/ cover the three things people typically need this skill for:

  • Adding EAS Observe to a project./references/setup.md. Install, wrap the root layout (AppMetricsRoot on SDK 55, ObserveRoot on SDK 56+), call markInteractive() (global on SDK 55, via the useObserve() hook on SDK 56+), and optional per-route navigation metrics through the Expo Router / React Navigation integrations.
  • Querying metrics from the terminal./references/queries.md. The five eas observe:* commands — metrics-summary, metrics, routes, events, versions — with flags, table layouts, JSON shapes, and common workflows.
  • Reading a dashboard or CLI output./references/metrics.md. Target thresholds per metric, what the TTI frameRate.* params mean, and diagnostic patterns for telling slow-but-smooth startup apart from main-thread contention or hard blocks.

Quick links to the docs

GitHub Repository

expo/skills
Path: plugins/expo/skills/expo-observe
0
FAQ

Frequently asked questions

What is the expo-observe skill?

expo-observe is a Claude Skill by expo. Skills package instructions and resources that Claude loads on demand, so Claude can perform expo-observe-related tasks without extra prompting.

How do I install expo-observe?

Use the install commands on this page: add expo-observe to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does expo-observe belong to?

expo-observe is in the Design category, tagged react.

Is expo-observe free to use?

Yes. expo-observe is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Related Skills

executing-plans
Design

Use the executing-plans skill when you have a complete implementation plan to execute in controlled batches with review checkpoints. It loads and critically reviews the plan, then executes tasks in small batches (default 3 tasks) while reporting progress between each batch for architect review. This ensures systematic implementation with built-in quality control checkpoints.

View skill
requesting-code-review
Design

This skill dispatches a code-reviewer subagent to analyze code changes against requirements before proceeding. It should be used after completing tasks, implementing major features, or before merging to main. The review helps catch issues early by comparing the current implementation with the original plan.

View skill
connect-mcp-server
Design

This skill provides a comprehensive guide for developers to connect MCP servers to Claude Code using HTTP, stdio, or SSE transports. It covers installation, configuration, authentication, and security for integrating external services like GitHub, Notion, and custom APIs. Use it when setting up MCP integrations, configuring external tools, or working with Claude's Model Context Protocol.

View skill
web-cli-teleport
Design

This skill helps developers choose between Claude Code Web and CLI interfaces based on task analysis, then enables seamless session teleportation between these environments. It optimizes workflow by managing session state and context when switching between web, CLI, or mobile. Use it for complex projects requiring different tools at various stages.

View skill