Uniwind

A comprehensive reference for React Native developers using Uniwind, the faster Tailwind CSS binding that's replacing NativeWind. The guide covers 45+ rules across build configuration, theming with CSS variables, component integration with withUniwind, and responsive mobile-first design. Most valuable for understanding critical differences like the Metro plugin setup, @theme directive for variant blocks, and why hover states don't work on native (use active instead). The priority system helps you focus on what matters: build-time config and theme architecture are marked critical, while migration quirks are flagged lower priority. If you're migrating from NativeWind or setting up a design system with OKLCH colors and CSS custom properties, this covers the sharp edges.

skills.sh installs: 348
GitHub stars: 222
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add pproenca/dot-skills --skill uniwind --agent claude-code

Installs into .claude/skills of the current project.

Files

Uniwind Best Practices

Comprehensive performance optimization and best practices guide for Uniwind - the fastest Tailwind CSS bindings for React Native. Contains 45+ rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

When to Apply

Reference these guidelines when:

Setting up Uniwind in a new React Native project
Configuring Metro plugin and CSS entry points
Building theme systems with CSS variables
Integrating third-party components with className support
Creating responsive layouts for mobile and tablet
Optimizing styling performance
Migrating from NativeWind to Uniwind

Rule Categories by Priority

Priority	Category	Impact	Prefix
1	Build-Time Configuration	CRITICAL	`build-`
2	Theme Architecture	CRITICAL	`theme-`
3	Component Integration	HIGH	`comp-`
4	Responsive Design	HIGH	`resp-`
5	Performance Optimization	MEDIUM-HIGH	`perf-`
6	Platform Patterns	MEDIUM	`plat-`
7	State & Interaction	MEDIUM	`state-`
8	Migration & Compatibility	LOW-MEDIUM	`compat-`