mcpField
R
react-native-components

react-native-components

github.com/shipshitdevDesign & UI38204 installsUpdated 2d ago
Repository

About react-native-components

A skill for building and refining React Native interfaces, aimed at developers working on mobile UI. It covers component patterns, styling, accessibility, and list performance.

Key features

  1. 01Core React Native component patterns
  2. 02StyleSheet and dynamic styling
  3. 03FlatList performance tuning
  4. 04Accessible mobile interfaces
  5. 05Custom hooks for mobile

Use cases

  1. 01Building reusable UI components
  2. 02Adapting layouts to screen dimensions
  3. 03Improving large-list rendering
  4. 04Adding accessibility to mobile screens

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/shipshitdev/skills --skill react-native-components

After installing, type/react-native-componentsin Claude Code to confirm it loaded.

Bundled filesplugin.jsonreferences/full-guide.md

Details

From the project README

React Native Component Patterns Expert

When to Use

Use when you're:

  • Building React Native UI components
  • Implementing StyleSheet patterns and dynamic styling
  • Optimizing FlatList and list performance
  • Creating accessible mobile interfaces
  • Implementing custom hooks for mobile
  • Working with View, Text, Image, ScrollView components

Quick Reference

Core Components
  • View: Flexbox container (default display: flex)
  • Text: Required wrapper for all text
  • Image: Use expo-image for better caching
  • ScrollView: contentContainerStyle for inner padding
  • FlatList: For lists > 50 items
StyleSheet Patterns
  • StyleSheet.create: Performance-optimized styles
  • Array syntax: [baseStyle, condition && activeStyle]
  • Dynamic: useWindowDimensions for responsive
  • Platform: Platform.select({ ios: {}, android: {} })
Performance
  • FlatList with initialNumToRender, windowSize
  • React.memo for pure components
  • useMemo for expensive calculations
  • useCallback for event handlers

References

Comments

Markdown supported