rn-performance
79优化 React Native 性能
React Native 应用可能会遇到列表滚动缓慢、额外渲染以及 JS 线程卡顿等问题。此 skill 提供聚焦的模式,用于更快的 FlatList 屏幕、记忆化组件、优化后的选择器、缓存图片以及性能分析。
实现 Expo 原生功能
Expo 应用通常需要原生设备功能,并且要谨慎处理权限和平台差异。此技能提供了用于添加相机、通知、触觉反馈、位置、存储、应用状态和键盘行为的聚焦模式。
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
Review the Skillstore skill "rn-native-features" from https://skillstore.io/skills/cjharmath-rn-native-features.md and its manifest at https://skillstore.io/api/skills/cjharmath-rn-native-features/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划,并按安全策略请求必要确认。
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
正在使用“rn-native-features”。 为我的个人资料屏幕添加相机支持。
预期结果:
正在使用“rn-native-features”。 为 beta 版本准备 Expo 推送通知。
预期结果:
正在使用“rn-native-features”。 为偏好设置和身份验证令牌选择存储方式。
预期结果:
The static command findings are false positives caused by Markdown code fences in SKILL.md, not Ruby or shell execution. The hardcoded URL is the official Expo Push API endpoint in a backend notification example. The blocker finding is a keyboard layout comment, and no prompt injection or malicious intent was found.
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
https://skillstore.io/skills/cjharmath-rn-native-features/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cjharmath-rn-native-features?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cjharmath-rn-native-features?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-rn-native-features/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cjharmath-rn-native-features.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>CJHarmath. (2026). rn-native-features security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-rn-native-features/audits/8@techreport{cjharmath-cjharmath-rn-native-features-2026,
author = {CJHarmath},
title = {rn-native-features security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cjharmath-rn-native-features/audits/8},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "rn-native-features security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cjharmath-rn-native-features/audits/8"
identifiers:
- type: other
value: "skillstore:cjharmath-rn-native-features:audit:8"
description: "Skillstore immutable audit report identifier"
在处理已授权、已拒绝和尚未请求等状态的同时,添加相机拍摄或图库选择。
规划 Expo 推送令牌注册、本地提醒、前台行为、点击处理和后端发送。
在实现前检查位置、触觉反馈、安全存储、应用生命周期和键盘模式。
使用 rn-native-features 为 Expo React Native 屏幕添加相机权限处理。先解释各状态,再展示代码。
使用 rn-native-features 设计 Expo 图像拍摄和图库选择流程。包括权限处理、编辑选项和用户反馈。
使用 rn-native-features 为 Expo 实现推送通知注册、前台处理、点击响应和安全的后端发送方案。
使用 rn-native-features 审查我的 Expo 原生功能方案,检查权限缺口、仅限设备的约束、存储选择和测试步骤。
作者
CJHarmath许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
dd4a3ef9f20ddf38830950b4bb713df96b431fd6
维护新鲜度
2026/7/21
使用量
8 次下载 · 196 次浏览
文件结构
📄 SKILL.md
优化 React Native 性能
React Native 应用可能会遇到列表滚动缓慢、额外渲染以及 JS 线程卡顿等问题。此 skill 提供聚焦的模式,用于更快的 FlatList 屏幕、记忆化组件、优化后的选择器、缓存图片以及性能分析。
改进 React Zustand Store 模式
React 团队在使用 Zustand 时可能会遇到过期状态、渲染时序和异步 action bug。此技能为 store、selector、派生状态、测试、调试和持久化提供直接可用的模式。
可靠部署 React 应用
React 部署设置可能重复且容易出错。此技能为 Vercel、Netlify、Docker、CI/CD、环境和监控提供实用示例。
应用 React Native 样式模式
React Native 样式在不同主题、屏幕和平台之间可能变得不一致。此技能为 Expo 应用提供实用的 NativeWind 和 BrandColors 模式。
改进 React Native 可观测性
静默失败和薄弱的错误消息会让移动端 bug 难以诊断。此技能提供实用的 React Native 模式,用于日志、错误、追踪和安全上报。
构建可靠的 React Native Zustand Store
React Native 团队经常在陈旧状态、异步 action 时序以及可避免的渲染上浪费时间。此技能提供 Zustand 模式,让 store 行为更易于推理、测试和调试。
优化 React Native 应用
由 vercel-labs
React Native 应用可能会遇到列表缓慢、动画卡顿和平台使用错误等问题。此技能为 Codex、Claude 和 Claude Code 提供简明规则,用于高性能的 Expo 和 React Native 开发工作。
为 Expo 配置 Tailwind CSS
由 expo
Expo 团队需要在原生和 Web 目标之间保持一致的样式。此技能为 Tailwind CSS v4、NativeWind v5 和 react-native-css 提供专注的设置路径。
为原生测试构建 Expo 开发客户端
由 expo
当原生代码超出 Expo Go 的能力范围时,Expo 团队需要可靠的开发客户端。此技能会指导 EAS 构建设置、TestFlight 交付、本地构建、安装以及基础故障排查。
构建 Expo DOM Components
由 expo
Expo 团队经常需要在原生应用中使用 Web 库,而不想重写它们。此技能会指导 Claude、Codex 和 Claude Code 使用安全的 DOM component 模式。
构建 Expo 网络请求流程
由 expo
移动应用需要可靠的 API 请求、缓存、令牌处理和离线行为。此技能指导 Expo 开发者使用 fetch、React Query、SecureStore、NetInfo 以及基于环境的配置。
在模拟器上调试 iOS App
由 Dimillian
iOS 模拟器调试通常需要许多独立的构建、启动、UI 和日志步骤。此技能为 Claude 提供清晰的 XcodeBuildMCP 工作流,用于在一个引导式会话中检查 app 行为。