{
  "markdown": "# Callstack Agent Skills\n\nCallstack Agent Skills give AI coding assistants practical React Native knowledge drawn from our work on production apps.\n\n## What's included\n\nThe skills are organized into three bundles.\n\n| Plugin bundle | Use it for | Skills included |\n| --- | --- | --- |\n| [Building React Native Apps](./plugins/building-react-native-apps/) | Building, optimizing, navigating, upgrading, and extending React Native apps | [Performance](./skills/react-native-best-practices/), [navigation](./skills/react-navigation/), [TV](./skills/react-native-tv-best-practices/), [library creation](./skills/create-react-native-library/), and [upgrades](./skills/upgrading-react-native/) |\n| [Testing React Native Apps](./plugins/testing-react-native-apps/) | Writing tests, producing CI artifacts, automating devices, and running exploratory QA | [GitHub Actions](./skills/github-actions/), [React Native Testing](https://skills.sh/callstack/react-native-testing-library/react-native-testing), [agent-device](https://skills.sh/callstackincubator/agent-device/agent-device), and [dogfood](https://skills.sh/callstackincubator/agent-device/dogfood) |\n| [Migrating to React Native](./plugins/migrating-to-react-native/) | Assessing migration readiness and adopting React Native incrementally | [Migration assessment](./skills/assess-react-native-migration/) and [brownfield migration](./skills/react-native-brownfield-migration/) |\n\n\n## Quick start\n\nChoose your assistant:\n\n| Assistant | Setup |\n| --- | --- |\n| OpenAI Codex | [Install from Plugins](#openai-codex) |\n| All assistants | [Manual installation](#manual-installation) |\n\n### OpenAI Codex\n\nOpen **Plugins**, search for `react native`, and install the bundle you need.\n\n![Callstack React Native plugins in Codex search results](./docs/assets/codex-react-native-plugins.png)\n\n### Manual installation\n\nFor Claude Code, Cursor, GitHub Copilot, Gemini CLI, OpenCode, and other compatible assistants, install all Callstack-maintained skills with the [skills CLI](https://skills.sh/docs/cli):\n\n```bash\nnpx skills@latest add callstackincubator/agent-skills --skill '*'\n```\n\nThe CLI will ask which assistant and installation scope to use. To install only one skill, select it interactively or pass its name:\n\n```bash\nnpx skills@latest add callstackincubator/agent-skills --skill react-native-best-practices\n```\n\nIf your assistant does not support the skills CLI, see the [AI Assistant Integration Guide](./docs/ai-assistant-integration.md) for direct setup instructions.\n\n## Try it\n\nOnce installed, ask your assistant naturally. It will select the relevant skill from the task context.\n\n```text\nReview this React Native screen for performance problems.\n```\n\n```text\nPlan an upgrade from this project's React Native version to the latest supported release.\n```\n\n```text\nAssess whether this native iOS and Android product should migrate incrementally.\n```\n\n```text\nBuild downloadable iOS simulator and Android emulator artifacts in GitHub Actions.\n```\n\n```text\nVerify this checkout flow on iOS and capture evidence for any failures.\n```\n\n## Skills\n\nCallstack-maintained skills live in this repository. The Testing React Native Apps bundle also includes the external skills linked below.\n\n### Build and optimize\n\n| Skill | Use it for |\n| --- | --- |\n| [react-native-best-practices](./skills/react-native-best-practices/) | Profiling and improving FPS, startup time, rendering, memory, bundle size, animations, and native integration |\n| [react-navigation](./skills/react-navigation/) | Building React Navigation 7 stacks, tabs, drawers, headers, sheets, and safe-area behavior |\n| [react-native-tv-best-practices](./skills/react-native-tv-best-practices/) | Building and reviewing TV focus, remote input, playback, performance, packaging, and accessibility |\n| [create-react-native-library](./skills/create-react-native-library/) | Creating standalone libraries or local native modules and views with `create-react-native-library` |\n| [upgrading-react-native](./skills/upgrading-react-native/) | Applying template diffs, updating dependencies and native projects, and verifying React Native upgrades |\n\n### Test and verify\n\n| Skill | Use it for |\n| --- | --- |\n| [github-actions](./skills/github-actions/) | Producing downloadable iOS simulator and Android emulator build artifacts in GitHub Actions |\n| [react-native-testing](https://skills.sh/callstack/react-native-testing-library/react-native-testing) | Writing and maintaining user-focused React Native tests with React Native Testing Library |\n| [agent-device](https://skills.sh/callstackincubator/agent-device/agent-device) | Automating iOS and Android app flows, input, screenshots, logs, performance checks, and UI inspection |\n| [dogfood](https://skills.sh/callstackincubator/agent-device/dogfood) | Running exploratory QA, smoke checks, bug hunts, and structured app walkthroughs |\n\n### Migrate and modernize\n\n| Skill | Use it for |\n| --- | --- |\n| [assess-react-native-migration](./skills/assess-react-native-migration/) | Auditing a product and its codebases, choosing a migration path, and defining a representative checkpoint |\n| [react-native-brownfield-migration](./skills/react-native-brownfield-migration/) | Packaging and integrating React Native or Expo into existing iOS and Android apps in phases |\n\n## Guides and related resources\n\n- [AI Assistant Integration Guide](./docs/ai-assistant-integration.md) explains setup for Cursor, GitHub Copilot, Claude API, ChatGPT, Windsurf, and other assistants.\n- [The Ultimate Guide to React Native Optimization](https://www.callstack.com/ebooks/the-ultimate-guide-to-react-native-optimization) is the foundation for the performance skill.\n- [AI-Supported Brownfield Migration to React Native](https://www.callstack.com/blog/ai-supported-brownfield-migration-to-react-native) explains the migration workflow behind the brownfield skills.\n- [Bring React Native Into Your App, One Step at a Time](https://www.callstack.com/ebooks/incremental-react-native-adoption-in-native-apps) covers incremental adoption for native iOS and Android teams.\n- [Optimization Best Practices](https://github.com/callstack/optimization-best-practices) contains runnable examples for React Compiler, dedicated React Native SDKs, and Android R8.\n\n## Repository structure\n\n```text\nskills/    Standalone Callstack-maintained Agent Skills\nplugins/   Claude Code and Codex plugin bundles\ndocs/      Integration and contributor guides\n```\n\nEach skill starts with a `SKILL.md` file and can include focused material under `references/`. Plugin manifests collect related skills into installable bundles.\n\n## Contributing\n\nContributions should be actionable, easy for an agent to discover, and complete enough to use without hidden context.\n\nWhen adding or editing a skill, follow the [Agent Skills specification](https://agentskills.io/specification), the repository's [skill conventions](./docs/skill-conventions.md), and the maintainer checklist in [AGENTS.md](./AGENTS.md).\n\n## About Callstack\n\n[Callstack](https://www.callstack.com/) is a team of React and React Native experts. These skills package practical workflows from our engineering work into reusable guidance for coding assistants.\n\nThe repository is available under the [MIT License](./LICENSE). Contact [hello@callstack.com](mailto:hello@callstack.com) if you need help with React Native or want to contribute.\n",
  "bytes": 7403,
  "sha": "11b57bb860ae49f14480eab28dafd024a4a6b11436d83568be557fa780eef8ef",
  "repo_slug": "callstackincubator/agent-skills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_callstackincubator_agent_skills_validate_77221d1a/readme"
}