agent-react-devtools
A React DevTools command line tool for AI agents. It lets an agent inspect component trees, read props and state, and profile render performance in React and React Native apps.
1 skill252
@callstackincubatorMobile
Plugin
agent-skills
Gives AI coding assistants practical React Native knowledge for building, migrating and tuning mobile apps, covering library scaffolding, CI builds with downloadable artifacts, performance tuning, and migration readiness checks. The guidance comes from production app work.
Plugin Signal69/100Solid
maintained83
capable50
documented75
adopted69
Claude Code
> /plugin marketplace add callstackincubator/agent-skills
Codex
$ npx skills add callstackincubator/agent-skills --skill validate-skills assess-react-native-migration create-react-native-library github-actions react-native-best-practices react-native-brownfield-migration react-native-tv-best-practices react-navigation upgrading-react-native writing-user-docs -a codex
Cursor
$ npx skills add callstackincubator/agent-skills --skill validate-skills assess-react-native-migration create-react-native-library github-actions react-native-best-practices react-native-brownfield-migration react-native-tv-best-practices react-navigation upgrading-react-native writing-user-docs -a cursor
Gemini CLI
$ npx skills add callstackincubator/agent-skills --skill validate-skills assess-react-native-migration create-react-native-library github-actions react-native-best-practices react-native-brownfield-migration react-native-tv-best-practices react-navigation upgrading-react-native writing-user-docs -a gemini-cli
GitHub Copilot
$ npx skills add callstackincubator/agent-skills --skill validate-skills assess-react-native-migration create-react-native-library github-actions react-native-best-practices react-native-brownfield-migration react-native-tv-best-practices react-navigation upgrading-react-native writing-user-docs -a github-copilot
OpenCode
$ npx skills add callstackincubator/agent-skills --skill validate-skills assess-react-native-migration create-react-native-library github-actions react-native-best-practices react-native-brownfield-migration react-native-tv-best-practices react-navigation upgrading-react-native writing-user-docs -a opencode
Windsurf
$ npx skills add callstackincubator/agent-skills --skill validate-skills assess-react-native-migration create-react-native-library github-actions react-native-best-practices react-native-brownfield-migration react-native-tv-best-practices react-navigation upgrading-react-native writing-user-docs -a windsurf
Stats
1,707
Stars
120
Forks
Maintained
Maintenance
Shell
Language
MIT
License
Last commit
Created
What's inside
10 Skills
/validate-skillsValidates skills in this repo against agentskills.io spec and Claude Code best practices. Use via /validate-skills command./assess-react-native-migrationAssesses whether and how an existing mobile product should migrate to React Native. Use when auditing one or more product repositories for migration readiness, including products whose iOS, Android, and other clients live in separate directories or repositories; choosing/create-react-native-libraryScaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views. Use when creating or working on React Native libraries or adding native functionality in an existing app./github-actionsGitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API./react-native-best-practicesProvides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops./react-native-brownfield-migrationImplements an accepted incremental brownfield migration from native iOS or Android to React Native or Expo using @callstack/react-native-brownfield. Use after the brownfield path has been selected, when setting up the integration, packaging XCFramework or AAR artifacts, or
Links
README
Callstack Agent Skills
Callstack Agent Skills give AI coding assistants practical React Native knowledge drawn from our work on production apps.
What's included
The skills are organized into three bundles.
| Plugin bundle | Use it for | Skills included |
|---|---|---|
| Building React Native Apps | Building, optimizing, navigating, upgrading, and extending React Native apps | Performance, navigation, TV, library creation, and upgrades |
| Testing React Native Apps | Writing tests, producing CI artifacts, automating devices, and running exploratory QA | GitHub Actions, React Native Testing, agent-device, and dogfood |
| Migrating to React Native | Assessing migration readiness and adopting React Native incrementally | Migration assessment and brownfield migration |
Quick start
Choose your assistant:
| Assistant | Setup |
|---|---|
| OpenAI Codex | Install from Plugins |
| All assistants | Manual installation |
OpenAI Codex
Open Plugins, search for react native, and install the bundle you need.
Manual installation
For Claude Code, Cursor, GitHub Copilot, Gemini CLI, OpenCode, and other compatible assistants, install all Callstack-maintained skills with the skills CLI:
npx skills@latest add callstackincubator/agent-skills --skill '*'
The CLI will ask which assistant and installation scope to use. To install only one skill, select it interactively or pass its name:
npx skills@latest add callstackincubator/agent-skills --skill react-native-best-practices
If your assistant does not support the skills CLI, see the AI Assistant Integration Guide for direct setup instructions.
Try it
Once installed, ask your assistant naturally. It will select the relevant skill from the task context.
Review this React Native screen for performance problems.
Plan an upgrade from this project's React Native version to the latest supported release.
Assess whether this native iOS and Android product should migrate incrementally.
Build downloadable iOS simulator and Android emulator artifacts in GitHub Actions.
Verify this checkout flow on iOS and capture evidence for any failures.
Skills
Callstack-maintained skills live in this repository. The Testing React Native Apps bundle also includes the external skills linked below.
Build and optimize
| Skill | Use it for |
|---|---|
| react-native-best-practices | Profiling and improving FPS, startup time, rendering, memory, bundle size, animations, and native integration |
| react-navigation | Building React Navigation 7 stacks, tabs, drawers, headers, sheets, and safe-area behavior |
| react-native-tv-best-practices | Building and reviewing TV focus, remote input, playback, performance, packaging, and accessibility |
| create-react-native-library | Creating standalone libraries or local native modules and views with create-react-native-library |
| upgrading-react-native | Applying template diffs, updating dependencies and native projects, and verifying React Native upgrades |
Test and verify
| Skill | Use it for |
|---|---|
| github-actions | Producing downloadable iOS simulator and Android emulator build artifacts in GitHub Actions |
| react-native-testing | Writing and maintaining user-focused React Native tests with React Native Testing Library |
| agent-device | Automating iOS and Android app flows, input, screenshots, logs, performance checks, and UI inspection |
| dogfood | Running exploratory QA, smoke checks, bug hunts, and structured app walkthroughs |
Migrate and modernize
| Skill | Use it for |
|---|---|
| assess-react-native-migration | Auditing a product and its codebases, choosing a migration path, and defining a representative checkpoint |
| react-native-brownfield-migration | Packaging and integrating React Native or Expo into existing iOS and Android apps in phases |
Guides and related resources
- AI Assistant Integration Guide explains setup for Cursor, GitHub Copilot, Claude API, ChatGPT, Windsurf, and other assistants.
- The Ultimate Guide to React Native Optimization is the foundation for the performance skill.
- AI-Supported Brownfield Migration to React Native explains the migration workflow behind the brownfield skills.
- Bring React Native Into Your App, One Step at a Time covers incremental adoption for native iOS and Android teams.
- Optimization Best Practices contains runnable examples for React Compiler, dedicated React Native SDKs, and Android R8.
Repository structure
skills/ Standalone Callstack-maintained Agent Skills
plugins/ Claude Code and Codex plugin bundles
docs/ Integration and contributor guides
Each skill starts with a SKILL.md file and can include focused material under references/. Plugin manifests collect related skills into installable bundles.
Contributing
Contributions should be actionable, easy for an agent to discover, and complete enough to use without hidden context.
When adding or editing a skill, follow the Agent Skills specification, the repository's skill conventions, and the maintainer checklist in AGENTS.md.
About Callstack
Callstack is a team of React and React Native experts. These skills package practical workflows from our engineering work into reusable guidance for coding assistants.
The repository is available under the MIT License. Contact hello@callstack.com if you need help with React Native or want to contribute.
Stars on GitHub
Momentum
- stars in total
- 1.7k
File tree
More plugins by @callstackincubator.
View @callstackincubator’s profile@callstackincubatorrozenite
Gives AI agents access to React Native DevTools data and Rozenite plugins on a live app, through shell commands or the agent SDK. Covers network, storage and performance inspection.
1 skill3 agents671
@callstackincubatoragent-device
Lets AI coding agents drive and verify mobile apps on iOS, Android and Amazon Vega TV simulators or devices. Agents can launch apps, inspect the live UI, tap, type and check their own code changes, plus run exploratory bug hunts.
4 skills5.2k
@callstackincubatorSimilar plugins.
See 12 agent-skills alternatives
expo
Skills for contributors and app developers in the Expo monorepo: write TSDoc for Expo SDK APIs, run Expo's AI code reviewer on changes or pull requests, add Apple App Intents and Siri Shortcuts to Expo apps, and test Expo Router on Android emulators.
6 skills53k
@expoandroid-reverse-engine…
A Claude Code skill that decompiles Android APK/XAPK/JAR/AAR files and extracts the HTTP APIs used by the app, Retrofit endpoints, OkHttp calls, hardcoded URLs, authentication patterns, so you can document and reproduce them without the original source code.
1 skill1 command+18.6k
@simoneavogadromodlens
A vision bridge that lets text-only coding models such as DeepSeek and GLM read images. When an image path or URL appears in the conversation, it returns structured JSON with OCR text, layout, and semantic content.
1 skill4.9k
@liustackappllama
Skills for building native-feeling mobile app screens in Expo and React Native, based on patterns from real app screens and flows. Includes a skill for researching those screens through the Appllama MCP before building.
2 skills1 MCP3.9k
@appllamaQuestions about agent-skills.
Install it with the command on its page. It includes validate-skills, assess-react-native-migration, create-react-native-library. Its skills do not fire on their own yet. Free and open source.
- What is agent-skills?
- callstackincubator/agent-skills is a plugin of skills that gives AI coding assistants practical React Native knowledge from Callstack's work on production apps. Use it for React Native performance, library scaffolding, migration assessment and CI builds.
- How do I install agent-skills?
- Run these in Claude Code: /plugin marketplace add callstackincubator/agent-skills. Then prompt normally.
- Does agent-skills auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin.
- Is agent-skills free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
- Which coding agents can use agent-skills's skills?
- agent-skills installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it