Mindket
English
English简体中文
Sign inSign up
StoreMCPSkillsCalculatorLearnPriceBlog
Discover
Research312Writing59Business95Legal13Finance & accounting33Marketing & SEO175Developer1,427Productivity391Education81Companions14
Help and support
Language
English简体中文

Callstack Agent Skills

Made by callstackincubatorSkillDeveloper
Newversion 2 · updated
Star1702
Like

Overview

Callstack Agent Skills, picture 1
‹1 / 2›
Callstack Agent Skills, picture 2
‹2 / 2›

Callstack’s free agent skills for React Native: performance profiling, navigation, TV apps, library scaffolds, version upgrades, CI build artifacts and migration plans. Eight skills in three bundles, plus three testing skills from other repositories.

Callstack Agent Skills is an open-source project on GitHub in the Developer category, listed by Mindket. It is free. This is version 2, last updated on . Install it from GitHub as its README says. Get Mindket’s setup notes on your Mindket account, as a zip.

At a glance

Runs in
  • Claude Code: the skills CLI, or the plugin bundles in the maker’s marketplace file
  • Codex: the Plugins screen, searching for react native
  • Cursor, GitHub Copilot, Gemini CLI and OpenCode: the skills CLI
  • Claude projects, ChatGPT, Windsurf and others: the maker’s integration guide, which loads files by hand or through a pasted rule
Start with
npx skills@latest add callstackincubator/agent-skills --skill '*'

Platform

Claude CodeCoding agent
CodexCoding agent
CursorCode editor
GitHub CopilotCoding agent
Gemini CLICoding agent
OpenCodeCoding agent

And 3 more in Where to use it

About

What it is

Callstack Agent Skills is Callstack’s set of agent skills for React Native. Eight skills sit in three bundles, for building, testing and migrating, and the testing bundle adds three skills from other repositories. One of them, react-native-best-practices, has the agent measure first, apply one targeted fix and measure again, with 29 reference files on frame rate, startup, bundle size and memory. The others cover navigation, TV apps, library scaffolds, upgrades, CI builds and migration decisions.

  1. You install the skills once
  2. You describe a React Native task in plain words
  3. The agent loads the skill that matches the task
  4. The agent runs the commands and reads the reference notes
  5. The agent reports what it measured, changed or found

Who it suits

React Native developers and teams who work with an AI coding assistant. Native iOS and Android teams also fit, since two skills help decide whether to move to React Native and how.

Who reaches for which skill
WhoSkillsExample
App developersreact-native-best-practices, react-navigationThe agent profiles a janky screen before it suggests memoization or a state change
Library authorscreate-react-native-libraryA Turbo Module library is scaffolded with an Expo example app
Teams on an old versionupgrading-react-nativeThe agent fetches the template diff for the version step and applies it
TV app teamsreact-native-tv-best-practicesA review treats lost or invisible focus and a broken Back button as navigation bugs
QA and CI ownersgithub-actions, agent-device, dogfood, react-native-testingA workflow builds an iOS simulator app and an Android emulator APK as downloadable artifacts
Native app teamsassess-react-native-migration, react-native-brownfield-migrationAn assessment ends in one of five outcomes, from brownfield to do not migrate

Where to use it

Any coding assistant that reads Agent Skills, in a React Native or Expo project, or in a native app for the migration skills.

  • Claude Code: the skills CLI, or the plugin bundles in the maker’s marketplace file
  • Codex: the Plugins screen, searching for react native
  • Cursor, GitHub Copilot, Gemini CLI and OpenCode: the skills CLI
  • Claude projects, ChatGPT, Windsurf and others: the maker’s integration guide, which loads files by hand or through a pasted rule

How to set it up

Get it saves a zip of Mindket’s setup notes in your downloads folder, with every route the README and its integration guide give. The skills install from Callstack’s repository.

What you need first
NeedDetail
A React Native or Expo projectOr a native iOS or Android app, for the two migration skills
NodeFor the skills CLI route, which runs through npx
agent-deviceA separate tool. The skills that drive a simulator or device say to use it, and to install it by an approved path or ask you
Xcode and Android StudioThe usual React Native tooling for the builds the skills run. The skills do not install it
Accounts and keysThe README names none for the skills. github-actions works in your GitHub repository and downloads builds with the gh CLI or GitHub’s API
  1. Pick your assistant’s route. Codex uses its Plugins screen. Most other assistants use the skills CLI, which needs Node.
  2. Run the install line. The CLI asks which assistant and which scope to use. The README says the line installs all Callstack-maintained skills.
  3. Ask for the work in plain words. Type one of the sentences from the Example below. Your assistant picks the skill from its description.
npx skills@latest add callstackincubator/agent-skills --skill '*'

To install only one skill, pass its name instead of the star. The README links the three skills from other repositories to their skills.sh pages and gives no command for them.

npx skills@latest add callstackincubator/agent-skills --skill react-native-best-practices

Claude Code can also install the three plugin bundles from the repository’s marketplace file. The README gives no command for that, so the kit fills in the form from Claude Code’s plugin docs and names that page.

How to use it

Ask for a task and your assistant loads the skill that fits. Each skill sets its own rules for how the agent works.

What each skill makes the agent do
SkillYou ask forThe agent does
react-native-best-practicesA performance reviewMeasures first with agent-device, or with the Profiler in React Native DevTools as a manual fallback, applies one fix, then measures again
react-navigationA navigator, header or sheetFollows React Navigation 7 patterns, using the static API for a new app
react-native-tv-best-practicesA TV app reviewIdentifies the TV stack first, then checks focus, layout, playback and memory
create-react-native-libraryA new library or local moduleScaffolds it with create-react-native-library, then follows the matching reference
upgrading-react-nativeA version upgradeFetches the template diff, updates dependencies and native files, adds the Expo layer if the app uses it, then verifies
github-actionsCI build artifactsAdds composite actions for an iOS simulator app and an Android emulator APK, with download steps
assess-react-native-migrationA migration decisionReads the codebases, asks one question per turn if evidence is missing, then picks a path
react-native-brownfield-migrationAn accepted brownfield planPackages XCFramework or AAR files and wires them into the native hosts

Example

A product list screen stutters on a mid-range Android phone, and you want to know why.

Review this React Native screen for performance problems.

With agent-device and your app running, the agent profiles the screen first, proposes only the fixes the numbers support and measures again after each one.

If a change does not improve the numbers, the skill tells the agent to revert it and try the next fix. Without agent-device, the skill falls back to the Profiler in React Native DevTools.

For newcomers and experts

If you are new. A skill is a folder of notes that your assistant opens when your request matches it. React Native has many ways to fix a slow screen, and this one starts by measuring. Ask for the review and read the numbers the agent reports before you accept a change. A migration question starts with the assessment skill, which asks one thing at a time and makes no change.

For experts. react-native-best-practices ranks its guidance, with frame rate, re-renders and bundle size first, then startup, native work, memory and animations. Its guardrails tell the agent to check library versions before it suggests an API fix. They also keep useMemo and useCallback dependency changes out unless behavior is wrong or the profiler shows wasted work. For a release build it says to connect @callstack/inspector so React DevTools can attach.

assess-react-native-migration labels each material claim observed, measured, reported, assumed or unknown. Its five outcomes are brownfield, greenfield, a greenfield-first checkpoint with brownfield fallback, defer, and do not migrate. react-native-brownfield-migration follows one track at a time, Expo or bare, and tells the agent to run npx brownfield with --help before it trusts a flag table.

Good to know

Everything here is advice and workflows for your assistant, and the agent runs the commands on your machine.

  • Maker and license: MIT, by Callstack Incubator. Callstack calls itself a team of React and React Native experts. The project is not made or endorsed by Meta or Anthropic
  • One more skill: the skills folder holds writing-user-docs, a house style for user-facing documentation, which the README does not list
  • Three skills from other repositories: react-native-testing, agent-device and dogfood are copies in the repository’s vendored folder, refreshed by a nightly workflow
  • Versions: react-navigation applies to React Navigation 7 only
  • Downloads: upgrading-react-native has the agent fetch a public template diff from the rn-diff-purge repository
  • Care with commands: the security notes in react-native-best-practices say to review a shell command before running it and to prefer version-pinned tooling
  • The skills CLI: its docs say it sends anonymous telemetry by default, the skill name, files and a timestamp, and that DISABLE_TELEMETRY=1 turns it off
  • Updates: the README gives no update step

README and files

README
# Callstack Agent Skills: setup notes

This kit holds setup notes written by Mindket. It does not contain the skills or their reference files. Those install from Callstack’s repository: https://github.com/callstackincubator/agent-skills

License: MIT, Copyright (c) 2026 Callstack Incubator. Full text: https://github.com/callstackincubator/agent-skills/blob/main/LICENSE

Callstack Agent Skills is a project by Callstack, which describes itself as a team of React and React Native experts. It is not made or endorsed by Meta or Anthropic.

The pages these notes came from: the README (https://github.com/callstackincubator/agent-skills/blob/main/README.md), the AI Assistant Integration Guide (https://github.com/callstackincubator/agent-skills/blob/main/docs/ai-assistant-integration.md), each skill’s SKILL.md under https://github.com/callstackincubator/agent-skills/tree/main/skills, the three plugin READMEs under https://github.com/callstackincubator/agent-skills/tree/main/plugins, and the file .claude-plugin/marketplace.json. Facts about where Claude Code loads skills and plugins come from Claude Code’s own docs, named where they are used. Mindket copied every command and ran none of them.

## What it is

Eight skills for React Native work that the README lists as Callstack-maintained, grouped into three bundles, plus three skills from other repositories that the testing bundle adds. The README says each skill starts with a SKILL.md file and can include focused material under references/.

| Bundle | Skills |
|---|---|
| Building React Native Apps | react-native-best-practices, react-navigation, react-native-tv-best-practices, create-react-native-library, upgrading-react-native |
| Testing React Native Apps | github-actions, plus react-native-testing, agent-device and dogfood from other repositories |
| Migrating to React Native | assess-react-native-migration, react-native-brownfield-migration |

The skills folder also holds writing-user-docs, a house style for user-facing documentation. The README does not list it.

## The skills

| Skill | What it does | Source |
|---|---|---|
| react-native-best-practices | A measure, fix, re-measure workflow for frame rate, startup time, bundle size, memory and re-renders, with 29 reference files | SKILL.md |
| react-navigation | React Navigation 7 patterns for stacks, tabs, drawers, headers, sheets and safe areas. The skill says it applies to version 7 only | SKILL.md |
| react-native-tv-best-practices | Review rules for TV focus and remote input, 10-foot layout, playback, low-memory performance and accessibility. It identifies the TV stack first | SKILL.md |
| create-react-native-library | Scaffolds a standalone library, or a local native module or view in an existing app, with create-react-native-library | SKILL.md |
| upgrading-react-native | Applies the template diff for a version step, then updates dependencies, native files and checks | SKILL.md |
| github-actions | Composite GitHub Actions that build an iOS simulator app and an Android emulator APK as downloadable artifacts | SKILL.md |
| assess-react-native-migration | A read-only decision on whether and how to migrate a mobile product, asking one question per turn when evidence is missing | SKILL.md |
| react-native-brownfield-migration | Packages XCFramework or AAR artifacts with @callstack/react-native-brownfield and integrates them into iOS and Android host apps | SKILL.md |
| react-native-testing | Writing and maintaining tests with React Native Testing Library. It comes from callstack/react-native-testing-library | README |
| agent-device | Automates iOS and Android apps: launch, input, screenshots, logs, performance checks and UI inspection. It comes from callstackincubator/agent-device | README |
| dogfood | Exploratory QA, smoke checks and bug hunts built on agent-device. It comes from callstackincubator/agent-device | README |

## Files in this kit

- setup/skills-cli.md: the README’s manual install with the skills CLI, for all skills or one
- setup/claude-code.md: the skills CLI route in Claude Code, and the plugin bundles that marketplace.json describes
- setup/codex.md: the README’s Codex route, through the Plugins screen
- setup/other-agents.md: the AI Assistant Integration Guide for Cursor, GitHub Copilot, Claude projects, ChatGPT, Codex and Windsurf
- setup/device-testing.md: what the testing bundle and the device skills need

## What you need first

- A React Native or Expo project, or a native iOS or Android app for the migration skills.
- Node, for the skills CLI route, which runs through npx.
- Git, for the manual routes.
- agent-device, a separate tool, for the skills that drive a simulator or device. The skills say to use it when it is present, and to install it through an approved path or ask you to install it when it is missing.
- Xcode, Android Studio and the usual React Native tooling for the builds the skills run. The skills do not install them.
- No account, sign-up or API key: the README names none for the skills themselves. github-actions works in your GitHub repository and downloads its builds with the gh CLI or GitHub’s REST API.

## What installs where

- Skills CLI: the README says the CLI asks which assistant and which installation scope to use.
- Codex plugins: the bundle you pick on Codex’s Plugins screen.
- Claude Code plugins: Claude Code’s page on hosting a marketplace (https://code.claude.com/docs/en/plugins/host-marketplace) says it copies a plugin into its own cache (setup/claude-code.md).
- Manual use: you point your assistant at the repository’s skills/ folder (setup/other-agents.md).

## Your data

The skills are text. They tell the agent which commands to run on your machine, such as profiling, building or upgrading. The security notes in react-native-best-practices say to review a shell command before running it and to prefer version-pinned tooling. upgrading-react-native has the agent download a template diff from the rn-diff-purge repository, and the brownfield skill points the agent to Callstack’s online docs. Code you hand your agent goes to your AI provider as in any other work with it.

## Update and remove

The README gives no update or removal step. For a skill folder or a plugin in Claude Code, Claude Code’s docs describe removal, and setup/claude-code.md names the pages.
Files
README.md  6 KB
setup/claude-code.md  4 KB
setup/codex.md  1 KB
setup/device-testing.md  3 KB
setup/other-agents.md  3 KB
setup/skills-cli.md  3 KB

6 files, 21 KB, downloaded as a zip.

What’s new

  • Version 2 · 2026-11-09

    Updated by Mindket to the current version of this kit.

  • Version 1 · 2026-11-07

Reviews

No ratings yet

Write a review

No reviews yet.

What people say

Posts and comments that name this project on Hacker News, Bluesky, X, Reddit, Facebook and YouTube, found by a weekly search and on Trendshift. Mindket doesn’t write or check them. Open one to read it where it was posted.

Tom Dörrhttps://github.com/callstackincubator/agent-skills

Searched

More from Mindket

See all from Mindket

Bonsai-27B-GGUF

lmstudio-community · Kit

A GGUF conversion of the 27B Bonsai model for LM Studio, with a 3.80 GB Q1_0 language file and a 0.93 GB BF16 vision projector. Tested for text, vision and par…

New

DeepSeek-V4.1-Flash-1017 EXL3 2.9 bpw

LibertAIDAI · Kit

Runs DeepSeek-V4.1-Flash-1017 as a 2.9 bits-per-weight EXL3 quantization, a 196 GiB copy for people serving large models on their own hardware. Perplexity stay…

New

MusicGen Small

facebook · Kit

Generates short music clips from a text description or an audio prompt, in the small checkpoint of facebook's MusicGen. It suits developers and music hobbyists…

New

Similar in Developer

See all in Developer

Lexnet

alpindale · Kit

Tags every character of C source code for syntax highlighting with a tiny neural network of about 984 weights, run through a small C program. For developers an…

New

FLUX.2 Klein LoRA Studio

prithivMLmods · Kit

Try a set of LoRAs for the FLUX.2 Klein image model in a Gradio app that runs in your browser or on your own computer. Made for people who make or test AI imag…

New

anaksor-ocr

Sokheng · Kit

Reads Khmer and English text from documents, receipts and photos of signs, using a detector for text lines and a recogniser for each line. Suits developers who…

New