Communitygithub.com

uni-stack/uniwind

Uniwind — 在 React Native 中应用 Tailwind CSS v4 样式。用于在使用了 Uniwind className 的 React Native 项目中添加、构建或调试组件。

uniwind 是什么?

Uniwind 是一个为 React Native 提供 Tailwind CSS v4 样式方案的工具。它涵盖了从项目搭建、Metro 配置、全局样式文件(global.css)、主题定制,到 className 属性、accent-* 颜色属性、平台/数据/状态/响应式变体、CSS 变量、自定义工具类等核心功能。此外,它还支持使用 withUniwind 处理第三方组件、cn/tailwind-merge 进行类名合并、tailwind-variants 实现变体管理、安全区域工具、布局方向、渐变、字体、React Navigation 导航、UI 组件库集成、诊断与故障排查,以及 Uniwind Pro 的高级特性。Uniwind 的主要优势是让开发者能在 React Native 项目中无缝使用 Tailwind CSS 的语法和生态系统,提升开发效率和样式的一致性。它不涵盖从 NativeWind 的迁移内容。该技能适用于 React Native 全平台开发,尤其适合已经熟悉 Tailwind CSS 的团队。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/uni-stack/uniwind/tree/main/skills/uniwind

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

uniwind 是做什么的?

Uniwind — 在 React Native 中应用 Tailwind CSS v4 样式。用于在使用了 Uniwind className 的 React Native 项目中添加、构建或调试组件。涵盖以下内容:项目搭建、Metro 配置、全局样式文件(global.css)、主题定制、className 属性、accent-* 颜色属性、平台/数据/状态/响应式变体、CSS 变量、自定义工具类、使用 withUniwind 处理第三方组件、cn/tailwind-merge 类名合并、tailwind-variants 变体管理、安全区域工具、布局方向、渐变、字体、React Navigation 导航、UI 组件库集成、诊断与故障排查,以及 Uniwind Pro 的高级特性。不涵盖从 NativeWind 的迁移。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能