traya-react-native

Create a new slash command in `.claude/commands/` for the requested task.

Transform feature descriptions, bug reports, or improvement ideas into well-structured markdown files issues that follow project conventions and best practices. This command provides flexible detail levels to match your needs.

Resolve all TODO comments using parallel processing.

<command_purpose> Perform exhaustive code reviews using multi-agent analysis, ultra-thinking, and Git worktrees for deep local inspection. </command_purpose>

Present all findings, decisions, or issues here one by one for triage. The goal is to go through each item and decide whether to add it to the CLI todo system.

This command helps you analyze a work document (plan, Markdown file, specification, or any structured document), create a comprehensive todo list using the TodoWrite tool, and then systematically execute each task until the entire plan is completed. It combines deep analysis with practical execution to transform plans into reality.

Use this agent for Android device/emulator operations including launching apps, taking screenshots, simulating touches, accessing UI elements, and debugging Android-specific features using the Mobile Device MCP. Invoke when testing Android builds, capturing Android screenshots, debugging Android-specific issues, or automating Android device interactions.

Use this agent for iOS Simulator operations including launching apps, taking screenshots, simulating gestures, accessing UI elements, and debugging iOS-specific features using the iOS Simulator MCP. Invoke when testing iOS builds, capturing iOS screenshots, debugging iOS-specific issues, or automating iOS simulator interactions.

Use this agent for auditing and implementing React Native accessibility features including screen reader support (VoiceOver/TalkBack), WCAG compliance, accessible navigation, and inclusive design patterns. Invoke when implementing accessibility features, auditing app accessibility, or ensuring compliance with accessibility standards.

Use this agent for implementing animations using Reanimated, Animated API, and gesture handling in React Native. Invoke when creating smooth animations, implementing complex gestures, optimizing animation performance, or building interactive UI elements with 60 FPS animations.

Use this agent to analyze and design React Native application architecture, evaluate folder structure decisions, architect feature modules, and ensure scalable patterns for mobile development. Invoke when planning new React Native projects, refactoring existing apps, reviewing architectural decisions, or evaluating the impact of new features on system design.

Use this agent to research and gather React Native community best practices, emerging patterns, library recommendations, and platform-specific conventions. Invoke when you need to find the best way to implement a feature, evaluate libraries, understand community standards, or stay current with React Native ecosystem trends. This agent searches official documentation, community resources, and well-regarded projects to provide comprehensive guidance.

Use this agent when you need to develop React Native components, implement platform-specific features, or apply React Native design patterns. This agent specializes in building high-quality mobile components with proper TypeScript types, performance optimization, and platform-specific implementations. Examples include creating new screens, building reusable components, implementing navigation flows, or refactoring existing React Native code to follow best practices.

Use this agent for creating and integrating native iOS and Android modules with React Native, implementing native bridge communication, handling platform-specific native code, and optimizing bridge performance. Invoke when creating custom native modules, integrating third-party SDKs, implementing platform-specific features, or troubleshooting native module issues.

Use this agent for React Navigation implementation, type-safe navigation patterns, deep linking configuration, and navigation flow architecture. Invoke when setting up navigation, implementing complex navigation structures, configuring deep links, creating navigation guards, or optimizing navigation performance in React Native applications.

Use this agent to identify React Native design patterns, anti-patterns, naming conventions, and code quality issues. Invoke when conducting code reviews, refactoring existing code, establishing coding standards, or detecting inconsistencies and anti-patterns in the codebase.

Use this agent to analyze React Native app performance including FPS monitoring, bundle size optimization, bridge call analysis, memory usage, and JavaScript thread performance. Invoke when experiencing performance issues, optimizing app speed, reducing bundle size, or ensuring smooth 60 FPS animations.

Use this agent for conducting security audits of React Native applications including secure storage, API security, deep link validation, code obfuscation, and mobile-specific security vulnerabilities. Invoke when implementing security features, auditing app security, handling sensitive data, or preparing for security reviews.

Use this agent for implementing state management solutions in React Native apps including Redux, Zustand, MobX, Context API, and server state management with React Query. Invoke when architecting state management, choosing state solutions, implementing global state, optimizing state updates, or migrating between state management libraries.

Use this agent for StyleSheet optimization, responsive design implementation, platform-specific styling, theme management, and styling best practices in React Native. Invoke when creating component styles, implementing responsive layouts, building design systems, optimizing style performance, or troubleshooting platform-specific styling issues.

Use this agent for implementing comprehensive testing strategies including Jest unit tests, React Native Testing Library component tests, and Detox E2E tests. Invoke when writing tests, setting up testing infrastructure, implementing test coverage, or debugging test failures in React Native applications.

Use this agent to review TypeScript code in React Native projects with an extremely high quality bar. This agent ensures type safety, proper React Native type usage, correct navigation typing, proper native module type definitions, and strict TypeScript conventions. Invoke after implementing React Native features or when reviewing pull requests to validate TypeScript best practices and type safety.