Skills
.Work. You
Rest

nativewind-v4

Community

Consistent NativeWind styling for web and native.

Software Engineering#cross-platform#tailwind#react-native#design-system#className#nativewind#styling-patterns
Authorestebandrg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill codifies NativeWind patterns for Liftera, ensuring consistent styling across React Native and React Native Web while reducing styling drift and platform-specific mistakes.

Core Features & Use Cases

  • Decision guidance for using Tailwind-like utilities in React Native apps, including when to prefer className, cn(), or style props.
  • Cross-platform rules that enforce consistent tokens and avoid pitfalls like var() in className or hex color literals.
  • Best practices & examples for common patterns (flex, grid, typography) and a debugging checklist to ensure parity between web and native rendering.

Quick Start

Apply the NativeWind-based styling guidelines to a component by using className with Tailwind-like utilities, verify that styling renders identically on web and mobile, and adjust as needed using the provided examples.

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: nativewind-v4
Download link: https://github.com/estebandrg/liftera/archive/main.zip#nativewind-v4

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 223,000+ vetted skills library on demand.