skills.rest
Insik-Han
Insik-HanCOMMUNITY
Explore all skills by this author →
𝕏@insik0_0hanGitHub

uniwind

Translate Tailwind-like classNames into React Native styles.

16|Updated Jun 6, 2026
Search Tags:#theming#styling#tailwind#react-native#ui-components#css-variables
One-click install
npx skills add https://github.com/Insik-Han/han-monorepo-template --skill uniwind-insik-han
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uniwind
Source: https://github.com/Insik-Han/han-monorepo-template/tree/main/.agents/skills/uniwind
Command: npx skills add https://github.com/Insik-Han/han-monorepo-template --skill uniwind-insik-han

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Uniwind brings Tailwind CSS v4 utilities to React Native, eliminating the friction of writing separate RN styles and enabling consistent design through theming and tokens.

Core Features & Use Cases

  • Tailwind v4 utilities in React Native via className mappings and dedicated color props
  • Theming with CSS variables and extra themes for scalable design systems
  • Helpers like cn, useResolveClassNames, and withUniwind for third-party components
  • Support for dynamic classNames, variants, and tv-based styling for complex UI patterns

Quick Start

Install Uniwind in your React Native project, configure metro.config.js with withUniwind, and start applying className utilities to your components.

Frequently Asked Questions about uniwind

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use Tailwind CSS v4 utilities in React Native?▼

Tailwind CSS v4 utilities are brought to React Native by translating Tailwind-like classNames into native styles. This unifies styling across RN apps and eliminates the friction of writing separate RN styles.

Can I use CSS variables for theming in React Native?▼

CSS variables enable scalable design systems and consistent theming in React Native. This approach applies tokens across web-native monorepos and third-party components to unify styling.

How do I apply Tailwind classNames to third-party React Native components?▼

The withUniwind helper utility applies Tailwind classNames to third-party React Native components. This ensures type-safe, performant styling while maintaining the underlying component structure.

What is the best way to handle dynamic classNames and variants in React Native?▼

Helper utilities like cn and useResolveClassNames handle dynamic classNames and variants in React Native. They support tv-based styling to manage complex UI patterns with type-safe performance.

Does uniwind require additional dependencies to style React Native apps?▼

Uniwind requires no additional dependencies to style React Native apps. You install it, configure metro.config.js with the withUniwind helper, and apply className utilities directly to components.

Related Skills

Explore More Software Engineering Skills→
nawab69nawab69

expo-tailwind-setup

Configure Tailwind CSS v4 in Expo projects with NativeWind v5 and react-native-css.

Community
Intermediate
jayantrohila57jayantrohila57

tailwind-design-system

Build scalable design systems with Tailwind CSS v4 and CSS-first configuration.

Community
Advanced
ernitpternitpt

modal-patterns

Enforce consistent modal and bottom sheet UI patterns with React Native design tokens.

Community
Intermediate
addisonkaddisonk
1

react-native-reusables

Develop and audit React Native components using RN Primitives and Nativewind with CVA.

Community
Advanced