Mobile Component Patterns

Trigger

Use this skill when the user:

• Wants to build reusable UI components for React Native
• Asks about component architecture or project structure
• Needs help organizing screens vs shared components
• Asks about styling approaches (StyleSheet, NativeWind, styled-components)
• Wants to add component tests
• Mentions "component", "reusable", "pattern", "StyleSheet", "NativeWind", "testing", or "RNTL"

Required Inputs

• Component name: What they are building (e.g., Button, Card, Avatar)
• Reuse scope: App-wide, screen-specific, or design system
• Styling preference (optional): StyleSheet, NativeWind, or no preference