Communitygithub.com

uni-stack/uniwind

Uniwind — 將 Tailwind CSS v4 樣式應用於 React Native。適用於在使用了 Uniwind classNames 的 React Native 專案中新增、建構或除錯元件。

uniwind 是什麼？

Uniwind 是一個專為 React Native 設計的 Tailwind CSS v4 樣式解決方案。它讓開發者能夠使用熟悉的 Tailwind classNames 來定義 React Native 元件的樣式，從而大幅提升開發效率。此技能涵蓋了完整的設定流程（包括 Metro 配置、global.css、主題設定）、className 屬性、accent-* 顏色屬性、平台/資料/狀態/回應式變體、CSS 變數、自訂工具類別、用於第三方元件的 withUniwind、cn/tailwind-merge、tailwind-variants、安全區域工具、LayoutDirection、漸層、字型、React Navigation、UI 套件、診斷和疑難排解，以及 Uniwind Pro 功能。本技能支援的環境為 React Native 專案（包括 Expo 和 Bare React Native），並明確表示不涵蓋 NativeWind 遷移。透過掌握這些功能，開發者可以快速建立一致且可復用的 UI，並有效除錯樣式問題。

相容平台~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/uni-stack/uniwind/tree/main/skills/uniwind
查看原文→瀏覽所有技能

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

說明文件

uniwind 是做什麼的？

Uniwind — 將 Tailwind CSS v4 樣式應用於 React Native。適用於在使用了 Uniwind classNames 的 React Native 專案中新增、建構或除錯元件。涵蓋設定、Metro 配置、global.css、主題設定、className 屬性、accent-* 顏色屬性、平台/資料/狀態/回應式變體、CSS 變數、自訂工具類別、用於第三方元件的 withUniwind、cn/tailwind-merge、tailwind-variants、安全區域工具、LayoutDirection、漸層、字型、React Navigation、UI 套件、診斷、疑難排解以及 Uniwind Pro 功能。不涵蓋 NativeWind 遷移。

Individual skills in this repo

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

uni-stack/migrate-nativewind-to-uniwind

Migrate a React Native project from NativeWind to Uniwind. Use when the user wants to replace NativeWind with Uniwind, upgrade from NativeWind, switch to Uniwind, or mentions NativeWind-to-Uniwind migration. Handles package removal, config migration, Tailwind 4 upgrade, cssInterop removal, theme conversion, and all breaking changes.

相關技能

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community