shipshitdev/react-native-components
bundles/frontend/skills/react-native-components/SKILL.md
Master React Native 0.79.5 components, styling, performance optimization, and mobile UI best practices with real-world examples
$ install --global
skillsauthnpx skillsauth add shipshitdev/library react-native-componentsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 22, 2026, 4:49 AM351.1s3 files scanned
SKILL.md
- name:
- react-native-components
- description:
- Master React Native 0.79.5 components, styling, performance optimization, and mobile UI best practices with real-world examples
- version:
- 1.0.0
- tags:
- [react-native, components, styling, performance, ui, accessibility, hooks]
- category:
- mobile
- difficulty:
- advanced
React Native Component Patterns Expert
Expert in React Native 0.79.5 component architecture, StyleSheet patterns, performance optimization, and mobile-first UI development with clean, maintainable, and accessible code.
When to Use This Skill
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-imagefor better caching - ScrollView:
contentContainerStylefor inner padding - FlatList: For lists > 50 items
StyleSheet Patterns
StyleSheet.create: Performance-optimized styles- Array syntax:
[baseStyle, condition && activeStyle] - Dynamic:
useWindowDimensionsfor responsive - Platform:
Platform.select({ ios: {}, android: {} })
Performance
FlatListwithinitialNumToRender,windowSizeReact.memofor pure componentsuseMemofor expensive calculationsuseCallbackfor event handlers
References
- Full guide: Components, patterns, accessibility, performance
Related Skills
shipshitdev/execution-validator
testing
VerifiedTrustedCommunity
Use this skill when users need to validate a launch plan, assess MVP scope, or determine if they're ready to execute. Activates for "validate my plan," "am I ready to launch," "is my scope too big," or when assessing action readiness.
24SKILL.mdUpdated Jun 4, 2026
shipshitdev/execution-accelerator
testing
VerifiedTrustedCommunity
Use this skill when users are stuck on a decision, overthinking, experiencing analysis paralysis, or need to ship faster. Activates for "should I wait," "I can't decide," "I'm overthinking," or when speed is critical and perfectionism is the enemy.
24SKILL.mdUpdated Jun 4, 2026
shipshitdev/early-hiring-advisor
development
VerifiedTrustedCommunity
Use this skill when users need to make early hires, build their founding team, determine compensation/equity, decide who to hire first, or scale from founders to first employees. Activates for "who should I hire first," "early hiring," "equity for employees," or team building questions.
24SKILL.mdUpdated Jun 4, 2026
shipshitdev/constraint-eliminator
data-ai
VerifiedTrustedCommunity
Use this skill when users need to remove customer friction, improve customer success, handle objections, design guarantees, or eliminate obstacles between customers and results. Activates for customer success issues, objection handling, or "customers can't get results" problems.
24SKILL.mdUpdated Jun 4, 2026