搜索

agent-spec-mobile-react-native

70Kagent-workflows

Agent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native

ruvnet

react-native-architecture

47Ktesting-qa

Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.

sickn33

react-native

16Kfrontend

React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component catalogs, or rendering AI-generated specs on mobile.

vercel-labs

react-native-dev

13Ktesting-qa

React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD). Use when: building React Native or Expo apps, implementing animations or native UI, managing state, fetching data, writing tests, optimizing performance, deploying to App Store/Play Store, setting up CI/CD, upgrading Expo SDK, or configuring Tailwind/NativeWind.

minimax-ai

react-native-expert

11Kfrontend

构建、优化和调试使用 React Native 和 Expo 开发的跨平台移动应用。实现导航层级（标签页、堆栈、抽屉），配置原生模块，使用 memo 和 useCallback 优化 FlatList 渲染，并处理 iOS 和 Android 的平台特定代码。适用于构建 React Native 或 Expo 移动应用、设置导航、集成原生模块、改善滚动性能、处理 SafeArea 或键盘输入，或配置 Expo SDK 项目。

jeffallan

react-native-testing

3.4Ktesting-qa

使用 React Native Testing Library (RNTL) v13 和 v14 (`@testing-library/react-native`) 编写组件测试。适用于编写、评审或修复 React Native 组件测试场景。覆盖核心 API 与模式：render、screen、各种查询方法 (getBy/getAllBy/queryBy/findBy)、Jest matchers、userEvent、fireEvent、waitFor 以及异步测试模式。支持 v13（React 18，同步渲染）和 v14（React 19+，异步渲染）。触发场景：React Native 组件测试文件、导入了 RNTL，或提及“testing library”、“write tests”、“component tests”、“RNTL”等。

callstack

react-native-unistyles-v3

3Kfrontend

Guide for using react-native-unistyles v3. Triggers on: "unistyles", "StyleSheet.create", "create stylesheet", "add theme", "breakpoints", "variants", "withUnistyles", "useUnistyles", "ScopedTheme", "UnistylesRuntime", "style component", "responsive styles", "media queries", "dynamic styles", "scoped theme", "adaptive theme", "unistyles setup", "unistyles config". Covers setup, theming, responsive design, variants, web features, third-party integration, and troubleshooting.

jpudysz

truesheet-usage

2.1Kdesign-ui

Consumer-side guide for integrating @lodev09/react-native-true-sheet into a React Native app. Use this skill whenever the user wants to add, configure, control, or debug a bottom sheet using TrueSheet — including ref-based sheets, named global sheets, web support with TrueSheetProvider/useTrueSheet, React Navigation or Expo Router sheet flows, Reanimated-driven animations, scrolling content, stacking, headers/footers, detents, peeking, side sheets, keyboard handling, dimming, backgrounds, liquid glass, and Jest testing. Also use when the user is migrating from v3 to v4, troubleshooting layout or gesture issues, or asking about any TrueSheet prop, event, or method — even if they don't mention "TrueSheet" by name but describe a bottom sheet in a React Native context.

lodev09

argent-react-native-optimization

1.8Kdesign-ui

通过先进行性能分析找到真正的瓶颈，然后扫描机械性问题来优化 React Native 应用。所有性能工作的入口点。当应用感觉卡顿、用户要求优化、修复重新渲染、减少卡顿或改善启动速度时使用。委托 argent-react-native-profiler 进行测量。

software-mansion

create-react-native-library

1.6Kfrontend

Scaffolds 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.

assess-react-native-migration

1.6Ktesting-qa

评估现有移动端产品是否以及如何迁移到 React Native。适用于审计一个或多个产品代码库的迁移就绪度（包括 iOS、Android 及其他客户端分布在不同目录或独立仓库的情况）；选择 Brownfield（混合/渐进式）、Greenfield（全新重构）或基于 Checkpoint（关键验证点）的路线；定义具有代表性的试跑方案；以及在正式实施前制定基线与 ROI 决策。当缺少产品范围或关键事实依据时，不会一次性发问卷，而是每轮严格追问干系人一个关键问题。

upgrading-react-native

1.5Ktesting-qa

通过应用 rn-diff-purge 模板 diff、更新 package.json 依赖、迁移 iOS 及 Android 原生配置、处理 CocoaPods 和 Gradle 变更，以及应对 Breaking Change（破坏性 API 更新），将 React Native 应用平滑升级到更高版本。适用于升级 React Native、提升 RN 版本、从 RN 0.x 跨版本升级到 0.y，或在升级 React Native 时同步迁移 Expo SDK 等场景。

react-native-best-practices

1.5Kfrontend

提供 React Native 性能优化指南，涵盖 FPS、TTI、包体积、内存泄漏、重渲染和动画。适用于涉及 Hermes 优化、JS 线程阻塞、桥接开销、FlashList、原生模块或调试卡顿和丢帧的任务。

writing-react-native-storybook-stories

1.3Kresearch-knowledge

Create and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native components, configuring Storybook addons (controls, actions, backgrounds, notes), setting up argTypes, decorators, parameters, or working with portable stories for testing. Applies to any task involving @storybook/react-native story authoring.

storybookjs

setup-react-native-storybook

1.3Kfrontend

Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects. Use when adding Storybook to a project, configuring metro.config.js with withStorybook, creating .rnstorybook configuration files, setting up Storybook routes in Expo Router, configuring getStorybookUI, or adding the StorybookPlugin to a Re.Pack rspack/webpack config. Covers Expo, Expo Router, plain React Native CLI, and Re.Pack setups.

storybookjs

react-native-ease-refactor

977frontend

Scan for Animated/Reanimated code and migrate to EaseView

appandflow

react-native

707frontend

React Native mobile patterns, platform-specific code

alinaqi

react-native-app

348frontend

Build cross-platform mobile apps with React Native. Covers navigation with React Navigation, state management with Redux/Context API, API integration, and platform-specific features.

aj-geddes

expo-react-native-javascript-best-practices

266frontend

Expo React Native JavaScript best practices for clean code, functional components, performance optimization, and Expo Router navigation.

react-native-cursor-rules

266design-ui

React Native development best practices for TypeScript, functional components, performance optimization, and styling guidelines.

react-native-r3f

266frontend

Expert guidance for React Three Fiber development with React, Vite, Tailwind CSS, and three.js

react-native-best-practices

255testing-qa

Software Mansion's best practices for production React Native and Expo apps on the New Architecture. MUST USE before writing, reviewing, or debugging ANY code in a React Native or Expo project. If the working directory contains a package.json with react-native, expo, or expo-router as a dependency, this skill applies. Trigger on: any code task in a React Native/Expo project, 'React Native', 'Expo', 'New Architecture', 'Reanimated', 'Gesture Handler', 'react-native-svg', 'ExecuTorch', 'react-native-audio-api', 'react-native-enriched', 'Worklet', 'Fabric', 'TurboModule', 'WebGPU', 'react-native-wgpu', 'TypeGPU', 'GPU shader', 'WGSL', 'svg', 'animation', 'gesture', 'audio', 'rich text', 'AI model', 'multithreading', 'chart', 'vector', 'image filter', 'shared value', 'useSharedValue', 'runOnJS', 'scheduleOnRN', 'thread', 'worklet', 'Bundle Mode', or any question involving UI, graphics, native modules, or React Native threading and animation behavior. Also use when a more specific sub-skill matches.

software-mansion-labs

expo-react-native-typescript

223testing-qa

Expert in Expo React Native TypeScript mobile development with best practices