Communitygithub.com

uni-stack/uniwind

Uniwind — Estilização com Tailwind CSS v4 para React Native. Use ao adicionar, construir ou depurar componentes em um projeto React Native que utiliza classNames do Uniwind.

O que é uniwind?

Uniwind é uma ferramenta que integra o Tailwind CSS v4 ao React Native, permitindo o uso de classNames para estilização. Esta skill cobre todo o ciclo de vida de desenvolvimento: desde a configuração inicial (Metro, global.css, theming) até o uso avançado de variantes de plataforma, dados, estado e responsividade. Também oferece suporte para props de cor `accent-*`, variáveis CSS, utilitários personalizados, e integrações com bibliotecas como React Navigation, UI kits e `tailwind-merge`. Ideal para desenvolvedores que desejam estilizar rapidamente com uma sintaxe familiar ao Tailwind, sem abrir mão dos recursos específicos do React Native, como saída segura (`safe area`), gradientes, fontes e direção de layout (`LayoutDirection`). Não abrange migração do NativeWind.

Funciona com~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/uni-stack/uniwind/tree/main/skills/uniwind
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que uniwind faz?

Uniwind — Estilização com Tailwind CSS v4 para React Native. Use ao adicionar, construir ou depurar componentes em um projeto React Native que utiliza classNames do Uniwind. Abrange configuração, configuração do Metro, global.css, temas, props className, props de cor accent-*, variantes de plataforma/dados/estado/responsividade, variáveis CSS, utilitários personalizados, withUniwind para componentes de terceiros, cn/tailwind-merge, tailwind-variants, utilitários de área segura, LayoutDirection, gradientes, fontes, React Navigation, kits de UI, diagnóstico, solução de problemas e recursos do Uniwind Pro. Não abrange migração do 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.

Habilidades Relacionadas

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