mobile-frontend
CommunityConsistent mobile UI patterns for React Native.
Software Engineering#react-native#state-management#component-reuse#mobile-ui#nativewind#platform-styling
Authordeancochran
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a cohesive, scalable approach to building mobile frontends in React Native, ensuring visual and interaction consistency across screens and platforms.
Core Features & Use Cases
- Text styling discipline: enforce explicit styling on all Text components to avoid inheritance gaps and ensure accessibility.
- Reusable patterns: share components and utilities (icons, buttons, modals) via RN Reusables-like patterns to reduce duplication.
- Platform-aware styling: use NativeWind-like platform prefixes (ios:, android:) to tailor UI per device.
- Event-driven patterns: rely on hooks and providers to manage cross-screen services and state consistently.
- Navigation & state: implement consume-once navigation stores and safe routing practices to handle complex flows.
Quick Start
Apply the mobile frontend patterns to your RN screens by wrapping shared services with providers, styling all Text components, and leveraging platform-specific classes.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mobile-frontend Download link: https://github.com/deancochran/gradientpeak/archive/main.zip#mobile-frontend Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.