Skills
.Work. You
Rest

rn-patterns

Community

Boost RN UI with Uniwind and Expo patterns

Software Engineering#layout#animation#react-native#keyboard#expo#ui-patterns#uniwind
Authortheodrosyimer
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It eliminates the need to repeatedly design and code common mobile UI structures, ensuring consistent styling, accessibility, and performance across React Native projects.

Core Features & Use Cases

  • Unified Styling: Central token‑based theming via Uniwind for surfaces, content, and actions.
  • Native Integrations: Seamless use of @expo/ui SwiftUI and Jetpack Compose components for iOS and Android.
  • Advanced Interactions: Keyboard handling, state‑driven EaseView animations, and gesture‑based Reanimated patterns.
  • Ready‑to‑Use Templates: Prefabricated screens, settings, lists, chat, modals, and more.

Quick Start

Use the rn-patterns skill to generate a settings screen with native iOS and Android components.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: rn-patterns
Download link: https://github.com/theodrosyimer/.dotfiles/archive/main.zip#rn-patterns

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.