bidah/react-native-hifi

native-data-fetching

Use when implementing network requests, API calls, data caching, or offline support in React Native or Expo apps, including authentication token management and request lifecycle handling

原文の言語: 英語

subagent-driven-development

Use when executing implementation plans with independent tasks in the current session

原文の言語: 英語

writing-plans

Use when you have a spec or requirements for a multi-step task, before touching code

原文の言語: 英語

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

原文の言語: 英語

callstack-best-practices

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank…

原文の言語: 英語

github-actions

GitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.

原文の言語: 英語

react-native-brownfield-migration

Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using @callstack/react-native-brownfield for initial setup. Use when planning migration steps, packaging XCFramework/AAR artifacts, and integrating them…

原文の言語: 英語

animations

Software Mansion's best practices for animations in React Native apps built on Reanimated 4 and the New Architecture. Use when writing, reviewing, or debugging animations — including decisions between CSS transitions, CSS animations, and shared value…

原文の言語: 英語

audio

Software Mansion's best practices for audio in React Native using react-native-audio-api. Applies correct patterns for AudioContext and AudioRecorder lifecycle, AudioBuffer state management, high-performance audio visualizations, and iOS session…

原文の言語: 英語

gestures

Software Mansion's best practices for gestures in React Native apps using React Native Gesture Handler. Use when implementing tap, pan, pinch, rotation, swipe, long press, or any touch interaction. Trigger on: 'gesture handler', 'GestureDetector', 'tap…

原文の言語: 英語

haptics

Software Mansion's best practices for haptic feedback in React Native apps. Use when adding tactile responses to interactions — button presses, success/error feedback, selections, and custom vibration patterns. Trigger on: 'haptics', 'haptic feedback',…

原文の言語: 英語

multimedia

Software Mansion's best practices for multimedia in React Native apps. Use when working with video playback or video streaming. Trigger on: 'video', 'video streaming', 'stream video', 'HLS', 'play video', or any request to play or stream video in a React…

原文の言語: 英語

multithreading

Software Mansion's best practices for multithreading and background processing in React Native apps. Use when offloading heavy computation, running background tasks, using Web Workers, or working with the React Native New Architecture's concurrent features.…

原文の言語: 英語

on-device-ai

Integrate on-device AI into React Native apps using React Native ExecuTorch, which provides APIs for LLMs, computer vision, OCR, audio processing, and embeddings without cloud dependencies, as well as a variety of pre-exported models for common use cases. Use…

原文の言語: 英語

radon-mcp

Best practices for using Radon IDE's MCP tools when developing, debugging, and inspecting React Native and Expo apps. Use when interacting with a running app through Radon IDE - viewing screenshots, reading logs, inspecting the component tree, debugging…

原文の言語: 英語

rich-text

Software Mansion's best practices for rich text editing in React Native apps using react-native-enriched. Use when building rich text editors, formatted text inputs, or any feature requiring inline styling, mentions, links, or structured text editing. Trigger…

原文の言語: 英語

software-mansion-best-practices

Software Mansion's best practices for production React Native apps on the New Architecture. Use when writing, reviewing, or debugging React Native code across animations, gestures, SVG, haptics, on-device AI, multimedia, rich text, multithreading, or audio.…

原文の言語: 英語

svg

Software Mansion's best practices for SVG rendering in React Native apps using React Native SVG. Use when rendering vector graphics, icons, charts, illustrations, or any SVG content. Trigger on: 'react-native-svg', 'SVG', 'vector graphics', 'render icon',…

原文の言語: 英語

upgrading-react-native

Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android configuration, resolving CocoaPods and Gradle changes, and handling breaking API updates. Use when…

原文の言語: 英語

agent-device

Automates interactions for iOS simulators/devices and Android emulators/devices. Use when navigating apps, taking snapshots/screenshots, tapping, typing, scrolling, or extracting UI info on mobile targets.

原文の言語: 英語

executing-plans

Use when you have a written implementation plan to execute in a separate session with review checkpoints

原文の言語: 英語

react-native-testing

Write tests using React Native Testing Library (RNTL) v13 and v14 (`@testing-library/react-native`). Use when writing, reviewing, or fixing React Native component tests. Covers: render, screen, queries (getBy/getAllBy/queryBy/findBy), Jest matchers,…

原文の言語: 英語

requesting-code-review

Use when completing tasks, implementing major features, or before merging to verify work meets requirements

原文の言語: 英語

systematic-debugging

Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes

原文の言語: 英語

test-driven-development

Use when implementing any feature or bugfix, before writing implementation code

原文の言語: 英語

using-git-worktrees

Use when starting feature work that needs isolation from current workspace or before executing implementation plans - creates isolated git worktrees with smart directory selection and safety verification

原文の言語: 英語

using-react-native-hifi

Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions

原文の言語: 英語

writing-skills

Use when creating new skills, editing existing skills, or verifying skills work before deployment

原文の言語: 英語

building-native-ui

Use when building user interfaces in React Native or Expo, implementing navigation, layouts, animations, native controls, modals, gesture handling, or styling components

原文の言語: 英語

expo-api-routes

Use when building server-side API endpoints in Expo apps, handling backend logic, protecting credentials, connecting to databases, or deploying API routes with EAS Hosting

原文の言語: 英語

expo-dev-client

Use when building custom development clients for Expo apps, integrating custom native modules, using Apple ecosystem features, third-party native SDKs, or when Expo Go limitations are encountered

原文の言語: 英語

expo-tailwind-setup

Use when setting up or using Tailwind CSS v4 with NativeWind v5 in React Native or Expo projects, configuring universal styling across iOS Android and web, or implementing CSS-first theming

原文の言語: 英語

expo-ui-jetpack-compose

Use when building Android-specific UI components using Jetpack Compose views in Expo, implementing LazyColumn scrolling lists, or rendering XML vector drawable icons on Android

原文の言語: 英語

expo-ui-swift-ui

Use when building iOS-specific UI components using SwiftUI views in Expo, embedding React Native views in SwiftUI with RNHostView, or implementing native iOS interfaces beyond cross-platform components

原文の言語: 英語

use-dom

Use when embedding web-only libraries or DOM content in React Native apps, including charts with recharts, syntax highlighting, rich text editors, or any component that requires a browser DOM

原文の言語: 英語