Agent skill

Expo React Native Performance

Expo React Native performance optimization guidelines. An agent skill from pproenca/dot-skills.

MITAuto-check passedMobile

Install Expo React Native Performance

skills CLI

$ npx skills add pproenca/dot-skills --skill expo-react-native-performance -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install pproenca/dot-skills expo-react-native-performance --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/pproenca/dot-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/.experimental/expo-react-native-performance .claude/skills/expo-react-native-performance && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "expo-react-native-performance" agent skill from https://github.com/pproenca/dot-skills/tree/master/skills/.experimental/expo-react-native-performance into .claude/skills/expo-react-native-performance/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-react-native-performance", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/pproenca/dot-skills/tree/master/skills/.experimental/expo-react-native-performance

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add pproenca/dot-skills --skill expo-react-native-performance -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install pproenca/dot-skills expo-react-native-performance --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/pproenca/dot-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/.experimental/expo-react-native-performance .agents/skills/expo-react-native-performance && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "expo-react-native-performance" agent skill from https://github.com/pproenca/dot-skills/tree/master/skills/.experimental/expo-react-native-performance into .agents/skills/expo-react-native-performance/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-react-native-performance", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add pproenca/dot-skills --skill expo-react-native-performance -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install pproenca/dot-skills expo-react-native-performance --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/pproenca/dot-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/.experimental/expo-react-native-performance .cursor/skills/expo-react-native-performance && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "expo-react-native-performance" agent skill from https://github.com/pproenca/dot-skills/tree/master/skills/.experimental/expo-react-native-performance into .cursor/skills/expo-react-native-performance/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-react-native-performance", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/pproenca/dot-skills.git --path skills/.experimental/expo-react-native-performance

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add pproenca/dot-skills --skill expo-react-native-performance -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install pproenca/dot-skills expo-react-native-performance --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/pproenca/dot-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/.experimental/expo-react-native-performance .gemini/skills/expo-react-native-performance && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "expo-react-native-performance" agent skill from https://github.com/pproenca/dot-skills/tree/master/skills/.experimental/expo-react-native-performance into .gemini/skills/expo-react-native-performance/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-react-native-performance", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install pproenca/dot-skills expo-react-native-performance

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add pproenca/dot-skills --skill expo-react-native-performance -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/pproenca/dot-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/.experimental/expo-react-native-performance .github/skills/expo-react-native-performance && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "expo-react-native-performance" agent skill from https://github.com/pproenca/dot-skills/tree/master/skills/.experimental/expo-react-native-performance into .github/skills/expo-react-native-performance/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-react-native-performance", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add pproenca/dot-skills --skill expo-react-native-performance -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install pproenca/dot-skills expo-react-native-performance --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/pproenca/dot-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/.experimental/expo-react-native-performance .opencode/skills/expo-react-native-performance && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "expo-react-native-performance" agent skill from https://github.com/pproenca/dot-skills/tree/master/skills/.experimental/expo-react-native-performance into .opencode/skills/expo-react-native-performance/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-react-native-performance", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: expo-react-native-performance
GitHub stars: 214
Token cost: ~1.7k tokens
SKILL.md length: 454 words
Files: 48 (incl. references, assets)
Skills in repo: 182
Repo updated: Aug 15, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Expo React Native performance optimization guidelines. An agent skill from pproenca/dot-skills.

Works in 8 steps: App Startup & Bundle Size (CRITICAL) → List Virtualization (CRITICAL) → Re-render Optimization (HIGH) → …
Tasks involving React Native components
SKILL.md covers When to Apply, Rule Categories by Priority, Quick Reference and How to Use, plus 2 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Expo React Native Performance is an agent skill from pproenca/dot-skills. Expo React Native performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Expo React Native code to ensure optimal performance patterns. Triggers on tasks involving React Native components, lists, animations, images, or performance improvements.

Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 50 other files, including reference files and assets (for example `AGENTS.md`, `README.md` and `assets/templates/_template.md`).

It sits in Mobile, covering Cross-platform mobile apps. It works with React Native and Expo. The repository describes itself as: A collection of AI agent skills following the Agent Skills open format. The licence is MIT.

When your agent uses it

Tasks involving React Native components
Performance improvements

Example prompts

“/expo-react-native-performance”

Workflow steps

8 steps, taken from the step headings in SKILL.md.

App Startup & Bundle Size (CRITICAL)
List Virtualization (CRITICAL)
Re-render Optimization (HIGH)
Animation Performance (HIGH)
Image & Asset Loading (MEDIUM-HIGH)
Memory Management (MEDIUM)
Async & Data Fetching (MEDIUM)
Platform Optimizations (LOW-MEDIUM)

What it can do on your machine

Read from SKILL.md and the folder at commit cf93c57. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Expo React Native Performance loads about 1.7k tokens when it runs, and up to ~20k if it reads all its reference files. Until then it costs about 81 tokens; SKILL.md has 454 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~81
When it runs · the whole SKILL.md, loaded when a task matches: ~1.7k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~20k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from pproenca/dot-skills at commit cf93c57, republished under its MIT licence (© pproenca). 454 words, ~1,706 tokens.

Download SKILL.mdSave it as .claude/skills/expo-react-native-performance/SKILL.md (or your agent's skills folder). This skill also uses 47 other files; get the full folder from GitHub.

name: expo-react-native-performance
description: Expo React Native performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Expo React Native code to ensure optimal performance patterns. Triggers on tasks involving React Native components, lists, animations, images, or performance improvements.

Expo React Native Performance Best Practices

Comprehensive performance optimization guide for Expo React Native applications. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

When to Apply

Reference these guidelines when:

Writing new React Native components or screens
Implementing lists with FlatList or FlashList
Adding animations or transitions
Optimizing images and asset loading
Reviewing code for performance issues

Rule Categories by Priority

Priority	Category	Impact	Prefix
1	App Startup & Bundle Size	CRITICAL	`startup-`
2	List Virtualization	CRITICAL	`list-`
3	Re-render Optimization	HIGH	`rerender-`
4	Animation Performance	HIGH	`anim-`
5	Image & Asset Loading	MEDIUM-HIGH	`asset-`
6	Memory Management	MEDIUM	`mem-`
7	Async & Data Fetching	MEDIUM	`async-`
8	Platform Optimizations	LOW-MEDIUM	`platform-`

Quick Reference

1. App Startup & Bundle Size (CRITICAL)

startup-enable-hermes - Enable Hermes JavaScript engine
startup-remove-console-logs - Remove console logs in production
startup-splash-screen-control - Control splash screen visibility
startup-preload-assets - Preload critical assets during splash
startup-async-routes - Use async routes for code splitting
startup-cherry-pick-imports - Use direct imports instead of barrel files

2. List Virtualization (CRITICAL)

list-use-flashlist - Use FlashList instead of FlatList
list-estimated-item-size - Provide accurate estimatedItemSize
list-get-item-type - Use getItemType for mixed lists
list-stable-render-item - Stabilize renderItem with useCallback
list-get-item-layout - Provide getItemLayout for fixed heights
list-memoize-items - Memoize list item components

3. Re-render Optimization (HIGH)

rerender-use-memo-expensive - Memoize expensive computations
rerender-use-callback-handlers - Stabilize callbacks with useCallback
rerender-functional-setstate - Use functional setState updates
rerender-lazy-state-init - Use lazy state initialization
rerender-split-context - Split context by update frequency
rerender-derive-state - Derive state instead of syncing

4. Animation Performance (HIGH)

anim-use-native-driver - Enable native driver for animations
anim-use-reanimated - Use Reanimated for complex animations
anim-layout-animation - Use LayoutAnimation for simple transitions
anim-transform-not-dimensions - Animate transform instead of dimensions
anim-interaction-manager - Defer heavy work during animations

Show full SKILL.md (187 more words)Show less

5. Image & Asset Loading (MEDIUM-HIGH)

asset-use-expo-image - Use expo-image for image loading
asset-prefetch-images - Prefetch images before display
asset-optimize-image-size - Request appropriately sized images
asset-use-webp-format - Use WebP format for images
asset-recycling-key - Use recyclingKey in FlashList images

6. Memory Management (MEDIUM)

mem-cleanup-subscriptions - Clean up subscriptions in useEffect
mem-clear-timers - Clear timers on unmount
mem-abort-fetch - Abort fetch requests on unmount
mem-avoid-inline-objects - Avoid inline objects in props
mem-limit-list-data - Limit list data in memory

7. Async & Data Fetching (MEDIUM)

async-parallel-fetching - Fetch independent data in parallel
async-defer-await - Defer await until value needed
async-batch-api-calls - Batch related API calls
async-cache-responses - Cache API responses locally
async-refetch-on-focus - Refetch data on screen focus

8. Platform Optimizations (LOW-MEDIUM)

platform-android-overdraw - Reduce Android overdraw
platform-ios-text-rendering - Optimize iOS text rendering
platform-android-proguard - Enable ProGuard for Android release
platform-conditional-render - Platform-specific optimizations

How to Use

Read individual reference files for detailed explanations and code examples:

Section definitions - Category structure and impact levels
Rule template - Template for adding new rules

Full Compiled Document

For the complete guide with all rules expanded, see AGENTS.md.

Reference Files

File	Description
AGENTS.md	Complete compiled guide with all rules
references/_sections.md	Category definitions and ordering
assets/templates/_template.md	Template for new rules
metadata.json	Version and reference information

Files

SKILL.md and 47 other files (references, assets) in skills/.experimental/expo-react-native-performance of pproenca/dot-skills.

SKILL.md
AGENTS.md
README.md
assets/templates/_template.md
metadata.json
references/_sections.md
references/anim-interaction-manager.md
references/anim-layout-animation.md
references/anim-transform-not-dimensions.md
references/anim-use-native-driver.md
references/anim-use-reanimated.md
references/asset-optimize-image-size.md
references/asset-prefetch-images.md
references/asset-recycling-key.md
references/asset-use-expo-image.md
references/asset-use-webp-format.md
references/async-batch-api-calls.md
references/async-cache-responses.md
… and 30 more

Open the folder on GitHubat commit cf93c57

Compare with similar skills

Expo React Native Performance next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Expo React Native Performance compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Expo React Native Performance this skillpproenca/dot-skills	214	—	~1.7k	Automated safety check: Pass	MIT	1 mo ago
React Native Best Practicesvercel-labs/openreview	1.7k	17 repos	~1.1k	Automated safety check: Pass	MIT	7 mo ago
Appllama App Design SkillAppllama/appllama-skills	2.4k	1 repos	~5k	Automated safety check: Pass	MIT	1 mo ago
Appllama UsageAppllama/appllama-skills	2.4k	1 repos	~1.6k	Automated safety check: Pass	MIT	1 mo ago
Release Sample SweepAtmosphere/atmosphere	3.8k	—	~4.2k	Automated safety check: Pass	Apache-2.0	yesterday
App Store Reviewsafaiyeh/app-store-review-skill	361	1 repos	~3.4k	Automated safety check: Pass	MIT	yesterday

Similar skills

React Native Best Practices
vercel-labs/openreview
Official
A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.
1.7k GitHub starsUsed in 17 repos~1.1k tokens
MobileAuto-check passed
Appllama App Design Skill
Appllama/appllama-skills
Build native-feeling, benchmark-quality mobile app screens (Expo / React Native).
2.4k GitHub starsUsed in 1 repo~5k tokens
MobileAuto-check passed
Appllama Usage
Appllama/appllama-skills
Use the Appllama MCP (mcp.appllama.io) well — research real top-grossing mobile apps, their screens, flows, and UI elements, then build from what you learn.
2.4k GitHub starsUsed in 1 repo~1.6k tokens
MobileAuto-check passed
Release Sample Sweep
Atmosphere/atmosphere
Run the pre-release end-to-end sweep of every user-facing surface — the 33 samples under samples/ (booted from their packaged artifacts and driven in a real browser via chrome-devtools MCP), the…
3.8k GitHub stars~4.2k tokensUpdated yesterday
MobileAuto-check passed
App Store Review
safaiyeh/app-store-review-skill
Evaluates code against Apple's App Store Review Guidelines. An agent skill from safaiyeh/app-store-review-skill.
361 GitHub starsUsed in 1 repo~3.4k tokens
MobileAuto-check passed
Cali
callstackincubator/cali
Official
A skill your agent uses when working in the Cali repository or when you need to run, extend, or debug the Cali CLI for mobile React Native and Expo workflows.
991 GitHub stars~731 tokensUpdated 3 mo ago
MobileAuto-check passed

Questions about Expo React Native Performance

What does Expo React Native Performance do?

Expo React Native performance optimization guidelines. An agent skill from pproenca/dot-skills. Expo React Native Performance is an agent skill from pproenca/dot-skills. Expo React Native performance optimization guidelines.

When should I use Expo React Native Performance?

Expo React Native Performance fits situations like: tasks involving React Native components; performance improvements.

How do I install Expo React Native Performance in Claude Code?

Run `npx skills add pproenca/dot-skills --skill expo-react-native-performance -a claude-code`. Or copy the skill folder (skills/.experimental/expo-react-native-performance in pproenca/dot-skills) into .claude/skills/expo-react-native-performance in your project. Claude Code loads it when a task matches its description.

How do I install Expo React Native Performance in Codex?

Run `npx skills add pproenca/dot-skills --skill expo-react-native-performance -a codex`. Or copy the skill folder (skills/.experimental/expo-react-native-performance in pproenca/dot-skills) into .agents/skills/expo-react-native-performance in your project. Codex loads it when a task matches its description.

Can I use Expo React Native Performance in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add pproenca/dot-skills --skill expo-react-native-performance -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/expo-react-native-performance, .gemini/skills/expo-react-native-performance, .github/skills/expo-react-native-performance and .opencode/skills/expo-react-native-performance in your project.

What does Expo React Native Performance need to run?

SKILL.md names no scripts, command-line tools or credentials: Expo React Native Performance is instructions for the agent only.

Does Expo React Native Performance access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Expo React Native Performance safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Expo React Native Performance use?

Expo React Native Performance is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Expo React Native Performance use?

About 1.7k tokens (SKILL.md is roughly 6.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 19k tokens, read only when the agent opens those files.

What are the alternatives to Expo React Native Performance?

Skills that share tags, products or a category with Expo React Native Performance: React Native Best Practices (vercel-labs/openreview, 1.7k stars), Appllama App Design Skill (Appllama/appllama-skills, 2.4k stars), Appllama Usage (Appllama/appllama-skills, 2.4k stars) and Release Sample Sweep (Atmosphere/atmosphere, 3.8k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Expo React Native Performance?

pproenca (a GitHub user) maintains it in pproenca/dot-skills, which has 214 GitHub stars. The repository holds 182 skills in this directory. The repository was last updated on August 15, 2026.

Source: pproenca/dot-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Expo React Native Performance

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Expo React Native Performance Best Practices

When to Apply

Rule Categories by Priority

Quick Reference

1. App Startup & Bundle Size (CRITICAL)

2. List Virtualization (CRITICAL)

3. Re-render Optimization (HIGH)

4. Animation Performance (HIGH)

5. Image & Asset Loading (MEDIUM-HIGH)

6. Memory Management (MEDIUM)

7. Async & Data Fetching (MEDIUM)

8. Platform Optimizations (LOW-MEDIUM)

How to Use

Full Compiled Document

Reference Files

Files

Compare with similar skills

Similar skills

More from pproenca/dot-skills

Related

Questions about Expo React Native Performance