stitch::react-native

Fetch each screen's HTML and screenshot through the Stitch MCP and the fetch-stitch.sh script, extract the Tailwind config into src/theme.ts, then map HTML elements to React Native primitives like View, Text, and Pressable with StyleSheet.create styling.

Tailwind classes do not work in React Native, so all styles are converted to StyleSheet.create calls. Colors, spacing, and typography tokens are extracted from the HTML tailwind.config into src/theme.ts and referenced instead of hardcoded values.

Validation fails when the Props interface is missing or not exported, when hardcoded hex or rgba colors appear in styles, or when HTML elements like div or span are used. Fix these by exporting the interface, using theme tokens, and switching to React Native primitives.

ScrollView suits short static content only. For long or dynamic lists, use FlatList with data, renderItem, and keyExtractor props, or SectionList for grouped data, to avoid performance issues and VirtualizedList nesting warnings.

No, simulator and packager testing are optional. The workflow asks for user permission before running validation scripts, starting the React Native or Expo packager, or performing visual simulator audits.