Dev & Engineering react-nativeexpomobile-performancereanimatednative-moduleslist-optimizationnavigation

React Native Performance Playbook

Actionable rules for building faster, more reliable React Native and Expo apps.

FollowSkills review · FSRS-2.0
Not recommended
51/ 100 5-point scale 2.6 / 5
Trust18 / 25 · 3.6/5

The material is primarily read-only React Native coding guidance and requests no credentials, external writes, or elevated permissions. No malware, covert exfiltration, destructive default, or fabricated provenance red line is evident, so baseline trust is relatively strong; however, user confirmation, rollback, sensitive-data guidance, dependency-security boundaries, and verifiable per-rule attribution are incomplete, preventing a near-full score.

Reliability6 / 20 · 1.5/5

The documentation is organized and gives rules, incorrect/correct examples, and some failure explanations, making the happy path understandable. Static evidence also shows reliability concerns: for example, a useCallback example is placed inside renderItem in a way that violates Hooks rules, and an animation example appears to misuse withTiming inside interpolate. There are no committed tests, compatibility matrix, or systematic abnormal-input handling, so substantial points are deducted and the static cap applies.

Adaptability9 / 15 · 3.0/5

The audience and scenarios—React Native/Expo development, performance, animation, native modules, and monorepos—are explicit, with reasonably searchable trigger terms. However, non-fit boundaries, input/output expectations, platform-version requirements, and Chinese-language support are not defined; exceptions for short lists, alternative component libraries, and project constraints are also limited.

Convention8 / 15 · 2.7/5

SKILL.md provides frontmatter, version, license, priority ordering, routing, and progressive quick reference; the README adds repository structure and maintenance context. The selected skill lacks a changelog, clearly assigned maintenance responsibility, dependency-installation notes, FAQ, explicit limitations, and a stable compatibility policy. The rule counts and category descriptions are not fully consistent across SKILL.md, AGENTS.md, and README.md, so points are deducted.

Effectiveness6 / 15 · 2.0/5

Many rules include directly usable TypeScript/TSX comparisons covering common list, animation, navigation, and UI optimization tasks, so the core use case is plausible. Nevertheless, some examples have execution or semantic doubts, recommendations are sometimes overly absolute, and there is little measurement, verification, or alternatives guidance. Considerable human review remains necessary, and the static cap limits this score to 7 or below.

Verifiability4 / 10 · 2.0/5

The skill includes rule files, concrete code comparisons, license and version metadata, and a scheduled vendored-update workflow, providing some auditability. It lacks a skill-specific test suite, CI validation, performance benchmarks, and strong cross-source corroboration; citations are sparse and include an example.com placeholder. Static verifiability is therefore limited.

Evidence confidence:Low Reviewed Jul 20, 2026 Reviewed revision f6b87e35a35c
Before you use it
  • Do not apply every example verbatim; specifically review Hook usage inside renderItem, Reanimated API semantics, library versions, and platform compatibility.
  • Validate rules with linting, type checking, unit/integration tests, and real performance benchmarks before automated refactoring.
  • Publisher provenance is not verified by the FollowSkills enterprise registry and should be treated as unknown; although MIT is declared, maintenance ownership and update commitments remain insufficiently explicit.
See the full review method →

What does this skill do, and when should you use it?

This Agent Skill provides React Native and Expo guidance for mobile performance and platform-aware implementation. It covers list performance, animations, navigation, UI patterns, state management, rendering, monorepos, and configuration. List performance is ranked as the highest-priority category, followed by animation, navigation, and UI patterns. It is located in the vendored plugin path of callstackincubator/agent-skills and is MIT-licensed.

It reads the SKILL.md quick reference and directs the assistant to relevant rule files, such as list virtualization, animation properties, image handling, navigation, and native dependency configuration. Those rule files provide explanations, incorrect and correct code examples, and additional references. The supplied material shows no script execution, network calls, or named runtime dependencies.

  1. A React Native developer is tuning a large scrolling list and needs guidance on FlashList, memoization, stable callbacks, images, or heterogeneous item types.
  2. An Expo developer is implementing images, galleries, safe-area scrolling, native menus, or native modals.
  3. A mobile developer is building Reanimated gestures and animations and needs performance-oriented implementation guidance.
  4. A team is organizing a monorepo with native dependencies and needs consistent dependency versions across packages.
  5. A developer is configuring custom fonts, design-system imports, or React Native conditional rendering.

What are this skill's strengths and limitations?

Pros
  • Covers practical concerns across list performance, animation, navigation, UI, state, rendering, monorepos, and configuration.
  • Organizes rules by impact priority and provides searchable prefixes and a quick reference.
  • Individual rules include incorrect and correct code examples for implementation context.
  • MIT-licensed and explicitly designed for AI coding assistants.
Limitations
  • The supplied material includes the index but not the full contents of the individual rule files or AGENTS.md.
  • No test suite, platform-validation matrix, or performance benchmark is provided in the source.
  • Its scope is React Native and Expo; sibling GitHub, upgrade, and migration skills are outside this profile.

How do you install this skill?

Add https://github.com/callstackincubator/agent-skills through a supported Agent Skills or Codex plugin workflow and use its bundled Codex plugins. The README does not document a standalone installation command for this vendored skill; it explicitly describes bundled Codex plugins through .agents/plugins/marketplace.json.

How do you use this skill?

In a client that supports the skill, give a concrete React Native or Expo request such as “Optimize this React Native long list for scrolling performance” or “Implement and optimize this Reanimated gesture animation.” The assistant should consult SKILL.md and the applicable rule files.

FAQ

Is this skill free to use?
The source identifies it as MIT-licensed, but provides no information about hosted-service or other usage fees.
Does it run commands or modify code automatically?
The supplied SKILL.md describes guidance and reference files only; it shows no scripts, command execution, or automatic editing workflow.
Is it intended for pure React or Next.js web projects?
The source positions it for React Native and Expo, so it should not be selected solely for web projects. The README names Vercel React Best Practices as a complementary React/Next.js web optimization skill.
What runtime dependencies are required?
The source names no Node.js, Python, Docker, or other runtime dependency; the client must be able to read the skill files.

More skills from this repository

All from callstackincubator/agent-skills

Dev & Engineering

React Native Performance Guide

Diagnose and improve React Native performance with measured, evidence-based guidance.

Dev & Engineering

React Native Brownfield Migration

Guides incremental React Native or Expo adoption inside existing native iOS and Android apps.

Dev & Engineering

React Native Library Builder

Scaffold publishable React Native libraries or local native modules with a guided workflow.

Dev & Engineering

React Native TV Review Guide

Systematically review TV-specific focus, playback, performance, and accessibility issues in React Native apps.

Dev & Engineering

React Native Upgrade Assistant

A guided workflow for upgrading React Native apps through template diffs, dependency migration, and native configuration changes.

Dev & Engineering

React Native Migration Assessor

Evidence-led decisions for React Native migration readiness

Dev & Engineering

React Navigation UI Guide

Practical React Navigation 7 patterns for building and configuring React Native navigation interfaces.

Dev & Engineering

Mobile App Dogfood Tester

Systematically explore iOS and Android apps and produce bug reports backed by screenshots and reproducible steps.

Automation & Ops

React Native GitHub Actions Artifacts

Build React Native simulator artifacts in the cloud and retrieve them from GitHub.

Dev & Engineering

React Native Test Guide

Helps AI write dependable React Native component tests

Dev & Engineering

Cross-Platform Device Operator

Enables AI coding assistants to inspect and operate Apple-platform and Android apps.

Dev & Engineering

Skill Spec Validator

Checks Agent Skills against the agentskills.io spec and Claude Code best practices.

Dev & Engineering

GitHub PR Workflow Assistant

Manage pull requests, stacked branches, and merges through the gh CLI.

Related skills