Skills
.Work. You
Rest

mobile-frontend

Community

Consistent mobile UI patterns in React Native.

Software Engineering#react-native#mobile-development#ui-patterns#nativewind#text-styling#platform-styling
Authornetprtony
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill codifies and distributes reusable React Native frontend patterns to ensure consistent UI, styling, and component behavior across mobile platforms.

Core Features & Use Cases

  • Text styling discipline: enforce explicit styling on every Text element to ensure visual consistency.
  • Platform-aware styling: leverage ios: and android: tokens for native look on each platform.
  • Reusable components & patterns: adopt a unified approach for icons, inputs, and buttons to improve maintainability.
  • Progressive adoption: apply patterns incrementally across existing screens and new features.

Quick Start

Start by auditing a screen, update all Text components to include explicit styles, adopt platform-prefixed classes, and wrap shared UI pieces with the recommended reusable components.

Dependency Matrix

Required Modules

None required

Components

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/netprtony/web-7nhan-cooking/archive/main.zip#mobile-frontend

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.