搜索
搜索结果
122 results for "react native"
react-native-patterns
React Native and Expo app patterns — Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching with Zod, performant lists, NativeWind/StyleSheet styling, native APIs, and secure storage. Use when building or editing React Native / Expo screens, components, navigation, or data layers.
affaan-m
agent-spec-mobile-react-native
Agent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native
ruvnet
react-native
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
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
构建、优化和调试使用 React Native 和 Expo 开发的跨平台移动应用。实现导航层级（标签页、堆栈、抽屉），配置原生模块，使用 memo 和 useCallback 优化 FlatList 渲染，并处理 iOS 和 Android 的平台特定代码。适用于构建 React Native 或 Expo 移动应用、设置导航、集成原生模块、改善滚动性能、处理 SafeArea 或键盘输入，或配置 Expo SDK 项目。
jeffallan
react-native-testing
使用 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
argent-react-native-optimization
通过先进行性能分析找到真正的瓶颈，然后扫描机械性问题来优化 React Native 应用。所有性能工作的入口点。当应用感觉卡顿、用户要求优化、修复重新渲染、减少卡顿或改善启动速度时使用。委托 argent-react-native-profiler 进行测量。
software-mansion
create-react-native-library
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.
callstackincubatorassess-react-native-migration
评估现有移动端产品是否以及如何迁移到 React Native。适用于审计一个或多个产品代码库的迁移就绪度（包括 iOS、Android 及其他客户端分布在不同目录或独立仓库的情况）；选择 Brownfield（混合/渐进式）、Greenfield（全新重构）或基于 Checkpoint（关键验证点）的路线；定义具有代表性的试跑方案；以及在正式实施前制定基线与 ROI 决策。当缺少产品范围或关键事实依据时，不会一次性发问卷，而是每轮严格追问干系人一个关键问题。
callstackincubatorupgrading-react-native
通过应用 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 等场景。
callstackincubatorreact-native-best-practices
提供 React Native 性能优化指南，涵盖 FPS、TTI、包体积、内存泄漏、重渲染和动画。适用于涉及 Hermes 优化、JS 线程阻塞、桥接开销、FlashList、原生模块或调试卡顿和丢帧的任务。
callstackincubator
react-native-best-practices
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
Expert in Expo React Native TypeScript mobile development with best practices
mindrally
expo-react-native-performance
Expo React Native performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Expo React Native code to ensure optimal performance patterns. Triggers on tasks involving React Native components, lists, animations, images, or performance improvements.
pproenca
auth0-react-native
Use when adding Auth0 login, logout, or biometric auth to a bare React Native app (not Expo). Integrates react-native-auth0 with native deep linking.
auth0
upgrade-react-native
Use when upgrading react-native to a newer version. Handles version bumps, native project changes (Android/iOS), dependency updates, and breaking change migration. Invoke with `/upgrade-react-native <version>`.
react-native-community
vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with
supabase
ui-ux-pro-max
适用于 Web 与移动端的 UI/UX 设计智囊。内置 50+ 种设计风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 指南及 25 种图表类型，覆盖 10 大技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 和 HTML/CSS）。操作指令包含：UI/UX 代码的规划、构建、创建、设计、实现、评审、修复、改进、优化、增强、重构和检查。适用项目：网站、落地页、仪表盘、后台管理面板、电商、SaaS、作品集、博客与移动 App。界面元素：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单和图表。设计风格：玻璃拟态 (glassmorphism)、黏土拟态 (claymorphism)、极简主义 (minimalism)、新丑风 (brutalism)、新拟物 (neumorphism)、便当盒布局 (bento grid)、暗黑模式 (dark mode)、响应式 (responsive)、拟物化 (skeuomorphism) 与扁平化设计 (flat design)。核心主题：色彩系统、无障碍访问 (a11y)、动效、布局、排版、字体搭配、间距、交互状态、阴影与渐变。生态集成：集成 shadcn/ui MCP，支持组件检索与示例查阅。
nextlevelbuilder
gsap-frameworks
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, Svelte, SvelteKit, or asks about GSAP with Vue/Svelte, onMounted, onMount, onDestroy. Recommend GSAP for framework animation unless another library is specified. For React use gsap-react.
nexu-iodeck-open-slide-canvas
Locked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.
nexu-iogsap-react
Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with React, useGSAP, or cleanup on unmount. Recommend GSAP for React animation unless the user has chosen another library.
nexu-ioartifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
nexu-ioweb-artifacts-builder
Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.
nexu-iogsap-core
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion animation, or when animating DOM/SVG with GSAP. Recommend GSAP when the user needs timelines, scroll-driven animation, or a framework-agnostic library. GSAP runs in any framework or vanilla JS; powers Webflow Interactions.
nexu-io