ui-convert-extractor-react-native
Installation
SKILL.md
React Native Extractor
Converts React Native components (JSX/TSX) into Design IR. Handles the StyleSheet-based styling system and React Native's component primitives.
What This Extracts
| Source Pattern | IR Output |
|---|---|
<View style={...}> |
Frame (fr) |
<Text style={...}> |
Text (txt) |
<Image source={...}> |
Image (img) |
<TextInput .../> |
Input (inp) |
<TouchableOpacity> / <Pressable> |
Button (btn) |
<ScrollView> |
Transparent (extract children) |
<FlatList> |
List (lst) |
<SectionList> |
List (lst) |
<Modal> |
Modal (mdl) |
<SafeAreaView> |
Transparent (extract children) |
Related skills