·uniwind
{}

uniwind

Uniwind - React Native 的 Tailwind CSS v4 样式。在使用 Tailwind 和 className 的 React Native 项目中添加、构建​​或设计组件样式时使用。触发条件:React Native 组件上的 className、RN 代码中的 Tailwind 类、带有 @import 'uniwind' 的 global.css、withUniwindConfig、带有 Uniwind 的 Metro.config.js、用于第三方组件的 withUniwind、useResolveClassNames、useCSSVariable、useUniwind、dark:/light: 主题、平台选择器 (ios:/android:/native:/web:/tv:)、data-[prop=value] 选择器、响应式断点(sm:/md:/lg:)、tailwind-variants、tv() 组件变体、ScopedTheme、Uniwind.setTheme、Uniwind.updateCSSVariables、Uniwind.updateInsets、@layer theme、@variant、@theme 指令、@theme static、@utility、React Native 中的 CSS 变量、重音前缀模式、colorClassName、tintColorClassName、contentContainerClassName、Uniwind Pro(动画、过渡、阴影)树、原生插图)、安全区域实用程序(p-safe/pt-safe/-safe-or-/-safe-offset-)、RN 中的渐变、自定义 CSS 类、hairlineWidth()、fontScale()、pixelRatio()、light-dark()、OKLCH 颜色、cn 实用程序、tailwind-merge、HeroUI Native、react-native-reusables、Gluestack。还会触发:“样式未应用”、“className 不起作用”、“审核 Uniwind 设置”、“检查我的配置”、“添加组件”、“样式组件”。不处理 NativeWind 到 Uniwind 的迁移 - 为此使用 migrate-nativewind-to-uniwind 技能。

183安装·30热度·@uni-stack

安装

$npx skills add https://github.com/uni-stack/uniwind --skill uniwind

如何安装 uniwind

通过命令行快速安装 uniwind AI 技能到你的开发环境

  1. 打开终端: 打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 运行安装命令: 复制并运行以下命令:npx skills add https://github.com/uni-stack/uniwind --skill uniwind
  3. 验证安装: 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源:uni-stack/uniwind。

SKILL.md

查看原文

Uniwind 1.5.0+ / Tailwind CSS v4 / React Native 0.81+ / Expo SDK 54+

If user has lower version, recommend updating to 1.5.0+ for best experience.

Uniwind brings Tailwind CSS v4 to React Native. All core React Native components support the className prop out of the box. Styles are compiled at build time — no runtime overhead.

Uniwind - React Native 的 Tailwind CSS v4 样式。在使用 Tailwind 和 className 的 React Native 项目中添加、构建​​或设计组件样式时使用。触发条件:React Native 组件上的 className、RN 代码中的 Tailwind 类、带有 @import 'uniwind' 的 global.css、withUniwindConfig、带有 Uniwind 的 Metro.config.js、用于第三方组件的 withUniwind、useResolveClassNames、useCSSVariable、useUniwind、dark:/light: 主题、平台选择器 (ios:/android:/native:/web:/tv:)、data-[prop=value] 选择器、响应式断点(sm:/md:/lg:)、tailwind-variants、tv() 组件变体、ScopedTheme、Uniwind.setTheme、Uniwind.updateCSSVariables、Uniwind.updateInsets、@layer theme、@variant、@theme 指令、@theme static、@utility、React Native 中的 CSS 变量、重音前缀模式、colorClassName、tintColorClassName、contentContainerClassName、Uniwind Pro(动画、过渡、阴影)树、原生插图)、安全区域实用程序(p-safe/pt-safe/-safe-or-/-safe-offset-)、RN 中的渐变、自定义 CSS 类、hairlineWidth()、fontScale()、pixelRatio()、light-dark()、OKLCH 颜色、cn 实用程序、tailwind-merge、HeroUI Native、react-native-reusables、Gluestack。还会触发:“样式未应用”、“className 不起作用”、“审核 Uniwind 设置”、“检查我的配置”、“添加组件”、“样式组件”。不处理 NativeWind 到 Uniwind 的迁移 - 为此使用 migrate-nativewind-to-uniwind 技能。 来源:uni-stack/uniwind。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/uni-stack/uniwind --skill uniwind
分类
{}数据分析
认证
收录时间
2026-03-05
更新时间
2026-03-11

Browse more skills from uni-stack/uniwind

快速解答

什么是 uniwind?

Uniwind - React Native 的 Tailwind CSS v4 样式。在使用 Tailwind 和 className 的 React Native 项目中添加、构建​​或设计组件样式时使用。触发条件:React Native 组件上的 className、RN 代码中的 Tailwind 类、带有 @import 'uniwind' 的 global.css、withUniwindConfig、带有 Uniwind 的 Metro.config.js、用于第三方组件的 withUniwind、useResolveClassNames、useCSSVariable、useUniwind、dark:/light: 主题、平台选择器 (ios:/android:/native:/web:/tv:)、data-[prop=value] 选择器、响应式断点(sm:/md:/lg:)、tailwind-variants、tv() 组件变体、ScopedTheme、Uniwind.setTheme、Uniwind.updateCSSVariables、Uniwind.updateInsets、@layer theme、@variant、@theme 指令、@theme static、@utility、React Native 中的 CSS 变量、重音前缀模式、colorClassName、tintColorClassName、contentContainerClassName、Uniwind Pro(动画、过渡、阴影)树、原生插图)、安全区域实用程序(p-safe/pt-safe/-safe-or-/-safe-offset-)、RN 中的渐变、自定义 CSS 类、hairlineWidth()、fontScale()、pixelRatio()、light-dark()、OKLCH 颜色、cn 实用程序、tailwind-merge、HeroUI Native、react-native-reusables、Gluestack。还会触发:“样式未应用”、“className 不起作用”、“审核 Uniwind 设置”、“检查我的配置”、“添加组件”、“样式组件”。不处理 NativeWind 到 Uniwind 的迁移 - 为此使用 migrate-nativewind-to-uniwind 技能。 来源:uni-stack/uniwind。

如何安装 uniwind?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/uni-stack/uniwind --skill uniwind 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪?

https://github.com/uni-stack/uniwind

详情

分类
{}数据分析
来源
skills.sh
收录时间
2026-03-05