uniwind

What problem does it solve?

This Skill provides comprehensive best practices and guidelines for effectively using Uniwind, a high-performance styling solution for React Native, ensuring optimal performance, maintainability, and developer experience.

Core Features & Use Cases

• Configuration Guidance: Learn how to correctly set up Uniwind's Metro plugin, CSS entry points, and TypeScript definitions.
• Theming Strategies: Implement robust theming with CSS variables, custom themes, and adaptive color functions.
• Component Integration: Master styling third-party components and optimizing performance with withUniwind.
• Responsive Design: Build adaptable UIs using mobile-first principles and custom breakpoints.
• Performance Optimization: Apply techniques to ensure fast runtime style resolution and efficient code.
• Use Case: A developer setting up Uniwind for the first time can use this Skill to understand the critical build-time configurations and theme architecture rules to avoid common pitfalls and ensure a smooth integration.

Quick Start

Review the Uniwind best practices for setting up the Metro configuration and defining CSS variables.