react-native-kawaii-ui

What problem does it solve?

This Skill enables developers to convert high-fidelity web prototypes, especially those using Tailwind CSS, into fully functional React Native applications with native performance.

Core Features & Use Cases

• UI Conversion: Translates web HTML and Tailwind classes into React Native components styled with NativeWind.
• Animation Implementation: Guides the integration of Reanimated patterns for breathing effects, juicy button presses, and modal transitions.
• Use Case: For a designer providing a web prototype with Tailwind classes, the developer can use this Skill to rapidly build a matching mobile app that retains the look, feel, and interactive animations.
• Platform Compatibility: Ensures that styles such as shadows, backdrop blurs, and absolute positioning are adapted for both iOS and Android.

Quick Start

Describe how to implement a breathing animation for a pet character using react-native-reanimated with shared values and animated styles, without referencing code fences or multi-line shell commands.