Skills
.Work. You
Rest

uniwind-rn-android

Community

Make React Native Android UI feel native.

Design & Creative#react native#expo#android ui#edge-to-edge#material 3#touch ergonomics#uniwind pro
Authorjoshka0
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you stop React Native screens from looking and behaving like iOS when they’re running on Android, so your UI matches Android Material 3 expectations and interaction patterns.

Core Features & Use Cases

  • Android-native UI rules: Applies edge-to-edge layout guidance, safe-area spacing, and tonal surface/typography roles to keep the design credible on Android.
  • Touch, motion, and feedback standards: Enforces 48dp touch targets, visible press states, scroll-reactive app bars, and Android-appropriate motion timing for state and hierarchy.
  • Platform-correct React Native patterns: Guides using Material-like components, FAB and bottom navigation placement, and Android selectors so iOS styling doesn’t leak into Android.

Quick Start

Use the skill to review an existing Expo/React Native Android screen and output a table of “before vs after” changes for touch targets, edge-to-edge spacing, tonal surfaces, and press states.

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: uniwind-rn-android
Download link: https://github.com/joshka0/foxctl/archive/main.zip#uniwind-rn-android

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.