Mindket

Callstack Agent Skills(Callstack 的 React Native 技能包)

新上架第 2 版 · 更新于
星标1702

概览

Callstack 做的免费 React Native 智能体技能:性能分析、导航、电视应用、库的脚手架、版本升级、CI 构建产物和迁移方案。8 个技能分在三个合集里,另有 3 个来自其他仓库的测试技能。

Callstack Agent Skills(Callstack 的 React Native 技能包) 是一款 GitHub 上的开源项目,属于开发类,由 Mindket 上架。可免费获取。当前为第 2 版,最近更新于 。按它的 README 从 GitHub 安装。Mindket 的设置说明可在你的 Mindket 账户获取,以 zip 压缩包下载。

速览

用在
  • Claude Code:skills CLI,或作者插件市场文件里的插件合集
  • Codex:在 Plugins 界面搜索 react native
  • Cursor、GitHub Copilot、Gemini CLI 和 OpenCode:skills CLI
  • Claude 项目、ChatGPT、Windsurf 等:按作者的集成指南,手动加载文件,或贴一段规则
先运行
npx skills@latest add callstackincubator/agent-skills --skill '*'

平台

Claude Code编程智能体
Codex编程智能体
Cursor代码编辑器
GitHub Copilot编程智能体
Gemini CLI编程智能体
OpenCode编程智能体

用在哪里里还有 3 个

关于

它是什么

Callstack Agent Skills 是 Callstack 做的一套 React Native 智能体技能。8 个技能分在三个合集里,分别用于开发、测试和迁移,测试合集还加进了来自其他仓库的 3 个技能。其中 react-native-best-practices 让智能体先测量,做一处有针对性的修改,再测量一次,它带有 29 个参考文件,涉及帧率、启动、包体积和内存。其余技能涵盖导航、电视应用、库的脚手架、版本升级、CI 构建和迁移决策。

  1. 你安装一次技能
  2. 你用平常的话描述一项 React Native 任务
  3. 智能体加载和任务对得上的技能
  4. 智能体运行命令,并查阅参考说明
  5. 智能体汇报它测量到、改动了或发现了什么

适合谁

借助 AI 编程助手工作的 React Native 开发者和团队。原生 iOS 和 Android 团队也适用,因为有两个技能帮他们判断要不要迁到 React Native、以及怎么迁。

谁会用哪个技能
谁技能例子
应用开发者react-native-best-practices、react-navigation智能体先分析一个卡顿的页面,再建议做记忆化或改动状态
库作者create-react-native-library生成一个 Turbo Module 库的脚手架,并附带一个 Expo 示例应用
还在旧版本上的团队upgrading-react-native智能体取得这一步版本升级的模板 diff,并把它应用上去
电视应用团队react-native-tv-best-practices一次审查把焦点丢失、焦点看不见和返回键失灵都当作导航缺陷
负责 QA 和 CI 的人github-actions、agent-device、dogfood、react-native-testing一个工作流构建 iOS 模拟器应用和 Android 模拟器 APK,作为可下载的产物
原生应用团队assess-react-native-migration、react-native-brownfield-migration一次评估以五种结论之一收尾,从 brownfield 到不迁移

用在哪里

任何能读取 Agent Skills 的编程助手,在 React Native 或 Expo 项目里,迁移技能则用在原生应用里。

  • Claude Code:skills CLI,或作者插件市场文件里的插件合集
  • Codex:在 Plugins 界面搜索 react native
  • Cursor、GitHub Copilot、Gemini CLI 和 OpenCode:skills CLI
  • Claude 项目、ChatGPT、Windsurf 等:按作者的集成指南,手动加载文件,或贴一段规则

如何设置

点“获取”会把一个 zip 压缩包存进你的下载文件夹,里面是 Mindket 写的安装说明,包含 README 和它的集成指南给出的每种方式。技能本身从 Callstack 的仓库安装。

先准备好这些
需要说明
一个 React Native 或 Expo 项目两个迁移技能用的则是原生 iOS 或 Android 应用
Nodeskills CLI 路线要用,它通过 npx 运行
agent-device一个单独的工具。需要操作模拟器或设备的技能说要用它,并要通过认可的途径安装,或请你来装
Xcode 和 Android Studio技能运行构建时要用的常规 React Native 工具。技能不会替你安装
账号和密钥README 没有为这些技能列出任何账号或密钥。github-actions 在你的 GitHub 仓库里工作,用 gh CLI 或 GitHub 的 API 下载构建产物
  1. 选好你的助手对应的路线。Codex 用它的 Plugins 界面。其他大多数助手用 skills CLI,它需要 Node。
  2. 运行安装命令。命令行工具会问你用哪个助手、装到什么范围。README 说这行命令会安装所有由 Callstack 维护的技能。
  3. 用平常的话说出要做的事。输入下面 Example 里的那句话。你的助手会根据技能的描述来挑选。
npx skills@latest add callstackincubator/agent-skills --skill '*'

只装一个技能时,把星号换成它的名字。README 把来自其他仓库的 3 个技能链接到它们在 skills.sh 上的页面,没有给出安装命令。

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

Claude Code 也能从仓库的插件市场文件安装这三个插件合集。README 没有给出这条路线的命令,所以工具包按 Claude Code 插件文档里的写法填好了命令,并注明了那一页。

如何使用

提出一项任务,你的助手会加载合适的技能。每个技能都规定了智能体的做事方式。

每个技能让智能体做什么
技能你要的智能体做什么
react-native-best-practices一次性能审查先用 agent-device 测量,没有它时手动用 React Native DevTools 里的 Profiler,做一处修改,再测量一次
react-navigation一个导航器、标题栏或弹出页按 React Navigation 7 的写法来做,新应用用 static API
react-native-tv-best-practices一次电视应用审查先认清用的是哪种电视技术栈,再检查焦点、布局、播放和内存
create-react-native-library一个新库或本地模块用 create-react-native-library 生成脚手架,再按对应的参考文件继续
upgrading-react-native一次版本升级取得模板 diff,更新依赖和原生文件,应用用了 Expo 时再加上 Expo 那一层,最后验证
github-actionsCI 构建产物加上组合式 action,构建 iOS 模拟器应用和 Android 模拟器 APK,并附下载步骤
assess-react-native-migration一个迁移决定读代码库,缺少证据时每轮只问一个问题,然后选定一条路线
react-native-brownfield-migration一份已采纳的 brownfield 方案打包 XCFramework 或 AAR 文件,并接入原生宿主应用

示例

一个商品列表页面在中端 Android 手机上卡顿,你想知道原因。

Review this React Native screen for performance problems.

装好 agent-device 并运行着你的应用时,智能体先分析这个页面,只提出数据支持的修改,每改一处都再测量一次。

如果一处修改没有让数据变好,技能会让智能体撤销它,再试下一个修法。没有 agent-device 时,技能会退回到 React Native DevTools 里的 Profiler。

新手与专家

新手:技能就是一个装着说明的文件夹,你的请求和它对得上时,助手就会打开它。修复一个慢页面的办法有很多,这个技能从测量开始。请它做审查,在接受改动之前先看它报告的数据。迁移的问题从评估技能开始,它一次只问一件事,不做任何改动。

专家:react-native-best-practices 给它的指导排了优先级,帧率、重复渲染和包体积排在最前,然后是启动、原生性能、内存和动画。它的审查守则要求智能体在建议某个 API 修法之前先查库的版本。守则还规定,除非行为确实有误,或分析器显示有浪费的工作,否则不要改 useMemo 和 useCallback 的依赖。分析 release 构建时,它说要先接上 @callstack/inspector,好让 React DevTools 能连上。

assess-react-native-migration 把每条重要的判断标为 observed、measured、reported、assumed 或 unknown。它的五种结论是 brownfield、greenfield、以 brownfield 为后备的 greenfield 先行检查点、暂缓,以及不迁移。react-native-brownfield-migration 一次只走一条路线,Expo 或裸 React Native,并要求智能体先运行带 --help 的 npx brownfield 命令,再相信参数表。

注意事项

这里的一切都是给助手的建议和工作流程,命令由智能体在你的电脑上运行。

  • 作者和许可证:MIT,出自 Callstack Incubator。Callstack 自称是一支 React 和 React Native 专家团队。这个项目并非 Meta 或 Anthropic 制作或背书
  • 还有一个技能:skills 文件夹里还有 writing-user-docs,是一套面向用户文档的写作规范,README 没有列出它
  • 来自其他仓库的 3 个技能:react-native-testing、agent-device 和 dogfood 是仓库 vendored 文件夹里的副本,由一个每晚运行的工作流刷新
  • 版本:react-navigation 只适用于 React Navigation 7
  • 下载:upgrading-react-native 会让智能体从 rn-diff-purge 仓库取一份公开的模板 diff
  • 运行命令要小心:react-native-best-practices 的安全说明要求先检查 shell 命令再运行,并优先使用固定版本的工具
  • skills CLI:它的文档说默认会发送匿名遥测数据,内容是技能名、技能文件和时间戳,设置 DISABLE_TELEMETRY=1 可以关掉
  • 更新:README 没有给出更新步骤

README 和文件

README
# Callstack Agent Skills:安装说明

这个工具包里是 Mindket 写的安装说明,不包含技能本身或它们的参考文件。这些要从 Callstack 的仓库安装:https://github.com/callstackincubator/agent-skills

许可证:MIT,Copyright (c) 2026 Callstack Incubator。全文见 https://github.com/callstackincubator/agent-skills/blob/main/LICENSE

Callstack Agent Skills 是 Callstack 的项目,Callstack 自称是一支 React 和 React Native 专家团队。这个项目并非 Meta 或 Anthropic 制作或背书。

这些说明的来源:README(https://github.com/callstackincubator/agent-skills/blob/main/README.md),AI 助手集成指南(https://github.com/callstackincubator/agent-skills/blob/main/docs/ai-assistant-integration.md),https://github.com/callstackincubator/agent-skills/tree/main/skills 下每个技能的 SKILL.md,https://github.com/callstackincubator/agent-skills/tree/main/plugins 下的三个插件 README,以及 .claude-plugin/marketplace.json 文件。Claude Code 从哪里加载技能和插件,出自 Claude Code 自己的文档,用到的地方都注明了。所有命令都由 Mindket 照抄,一条也没有运行过。

## 它是什么

8 个用于 React Native 开发的技能,README 列明由 Callstack 维护,分在三个合集里,另有测试合集加进的 3 个来自其他仓库的技能。README 说,每个技能都从一个 SKILL.md 文件开始,可以在 references/ 下放有针对性的资料。

| 合集 | 技能 |
|---|---|
| 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,以及来自其他仓库的 react-native-testing、agent-device 和 dogfood |
| Migrating to React Native | assess-react-native-migration、react-native-brownfield-migration |

skills 文件夹里还有 writing-user-docs,是一套面向用户文档的写作规范。README 没有列出它。

## 各个技能

| 技能 | 作用 | 来源 |
|---|---|---|
| react-native-best-practices | 一套测量、修改、再测量的流程,针对帧率、启动时间、包体积、内存和重复渲染,带 29 个参考文件 | SKILL.md |
| react-navigation | React Navigation 7 里堆栈、标签栏、抽屉、标题栏、弹出页和安全区域的写法。技能说它只适用于第 7 版 | SKILL.md |
| react-native-tv-best-practices | 电视应用的审查规则,涉及焦点和遥控器输入、10 英尺界面布局、播放、低内存性能和无障碍。它先认清电视技术栈 | SKILL.md |
| create-react-native-library | 用 create-react-native-library 生成独立的库,或在已有应用里生成本地原生模块或视图 | SKILL.md |
| upgrading-react-native | 应用这一步版本升级的模板 diff,再更新依赖、原生文件并做检查 | SKILL.md |
| github-actions | 组合式 GitHub Actions,把 iOS 模拟器应用和 Android 模拟器 APK 构建成可下载的产物 | SKILL.md |
| assess-react-native-migration | 一个只读的决定:一款移动产品要不要迁、怎么迁,缺少证据时每轮只问一个问题 | SKILL.md |
| react-native-brownfield-migration | 用 @callstack/react-native-brownfield 打包 XCFramework 或 AAR 产物,并接入 iOS 和 Android 宿主应用 | SKILL.md |
| react-native-testing | 用 React Native Testing Library 编写和维护测试。它来自 callstack/react-native-testing-library | README |
| agent-device | 自动操作 iOS 和 Android 应用:启动、输入、截图、日志、性能检查和界面检查。它来自 callstackincubator/agent-device | README |
| dogfood | 基于 agent-device 的探索式 QA、冒烟检查和找缺陷。它来自 callstackincubator/agent-device | README |

## 工具包里的文件

- setup/skills-cli.md:README 里用 skills CLI 手动安装的方法,装全部或只装一个
- setup/claude-code.md:在 Claude Code 里走 skills CLI 路线,以及 marketplace.json 描述的插件合集
- setup/codex.md:README 给 Codex 的方法,通过 Plugins 界面
- setup/other-agents.md:AI 助手集成指南里给 Cursor、GitHub Copilot、Claude 项目、ChatGPT、Codex 和 Windsurf 的方法
- setup/device-testing.md:测试合集和操作设备的技能需要什么

## 先准备好这些

- 一个 React Native 或 Expo 项目,迁移技能用的则是原生 iOS 或 Android 应用。
- Node,skills CLI 路线要用,它通过 npx 运行。
- Git,手动路线要用。
- agent-device,一个单独的工具,操作模拟器或设备的技能要用。技能说有它就用它,没有时要通过认可的途径安装,或请你来安装或启用。
- Xcode、Android Studio 和常规的 React Native 工具,技能运行构建时要用。技能不会替你安装。
- 不需要账号、注册或 API 密钥:README 没有为这些技能列出任何一项。github-actions 在你的 GitHub 仓库里工作,用 gh CLI 或 GitHub 的 REST API 下载构建产物。

## 装到哪里

- skills CLI:README 说这个命令行工具会问你用哪个助手、装到什么范围。
- Codex 插件:你在 Codex 的 Plugins 界面选的那个合集。
- Claude Code 插件:Claude Code 关于托管插件市场的页面(https://code.claude.com/docs/en/plugins/host-marketplace)说,它会把插件复制到自己的缓存里(setup/claude-code.md)。
- 手动使用:你让助手去读仓库的 skills/ 文件夹(setup/other-agents.md)。

## 你的数据

技能是文本。它们告诉智能体在你的电脑上运行哪些命令,比如性能分析、构建或升级。react-native-best-practices 的安全说明要求先检查 shell 命令再运行,并优先使用固定版本的工具。upgrading-react-native 会让智能体从 rn-diff-purge 仓库下载一份模板 diff,brownfield 技能会让智能体去读 Callstack 的在线文档。你交给智能体的代码,会像其他工作一样发给你的 AI 服务商。

## 更新和卸载

README 没有给出更新或卸载的步骤。对于 Claude Code 里的技能文件夹或插件,Claude Code 的文档写了怎样卸载,setup/claude-code.md 注明了是哪几页。
文件
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 个文件,共 21 KB,以 zip 压缩包下载。

更新内容

  • 第 2 版 · 2026-11-09

    Updated by Mindket to the current version of this kit.

  • 第 1 版 · 2026-11-07

评价

还没有评分

写评价

还没有评价。

大家怎么说

Hacker News、Bluesky、X、Reddit、Facebook 和 YouTube 上提到这个项目的帖子和评论,来自每周一次的搜索和 Trendshift。它们不是 Mindket 写的,也未经核实,点开即可在原帖处阅读。

搜索日期

Mindket 的更多商品

查看 Mindket 的全部商品

DeepSeek-R1-GGUF

unsloth · 工具包

671B 参数 DeepSeek-R1 推理模型的 GGUF 版本,带 1.58-bit 和 2-bit 动态量化,可在内存足够的本机上用 llama.cpp 运行。

新上架

Axion-1.0-35B-GGUF

prithivMLmods · 工具包

提供 Axion-1.0-35B 的 GGUF 文件,这是一个有约 30 亿激活参数的 35B 混合专家模型,面向科学推理、信息查找和工具使用。适合配合 llama.cpp 在本地使用。

新上架

HEART

Phips · 工具包

用一个超分辨率网络放大低分辨率图像,可以在一块消费级 GPU 上训练,并导出为 ONNX。适合训练或运行图像放大模型的人。

新上架

开发类的相似商品

查看开发类的全部商品

Bonsai-27B-GGUF

lmstudio-community · 工具包

面向 LM Studio 的 27B Bonsai 模型 GGUF 转换版,含 3.80 GB 的 Q1_0 语言文件和 0.93 GB 的 BF16 视觉投影器。已测试文本、视觉和并行工具调用。

新上架

以每权重 2.9 位的 EXL3 量化运行 DeepSeek-V4.1-Flash-1017,这是一份 196 GiB 的副本,适合在自己硬件上部署大模型的人。困惑度与原模型相差不大。

新上架

MusicGen Small

facebook · 工具包

根据文字描述或音频提示生成短音乐片段,是 facebook MusicGen 的 small 检查点。适合想在自己电脑上试用文字生成音乐的开发者和音乐爱好者。

新上架