·tailwind-setup
</>

tailwind-setup

ユニバーサル スタイルを実現するために、React-native-css と NativeWind v5 を使用して Expo で Tailwind CSS v4 をセットアップする

12インストール·0トレンド·@gigs-slc

インストール

$npx skills add https://github.com/gigs-slc/react-native-skills --skill tailwind-setup

tailwind-setup のインストール方法

コマンドラインで tailwind-setup AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/gigs-slc/react-native-skills --skill tailwind-setup
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: gigs-slc/react-native-skills。

This guide covers setting up Tailwind CSS v4 in Expo using react-native-css and NativeWind v5 for universal styling across iOS, Android, and Web.

With Tailwind v4 and NativeWind v5, you do NOT need a babel.config.js for Tailwind. Remove any NativeWind babel presets if present:

Since react-native-css requires explicit CSS element wrapping, create reusable components:

ユニバーサル スタイルを実現するために、React-native-css と NativeWind v5 を使用して Expo で Tailwind CSS v4 をセットアップする ソース: gigs-slc/react-native-skills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/gigs-slc/react-native-skills --skill tailwind-setup
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-25
更新日
2026-03-10

Browse more skills from gigs-slc/react-native-skills

クイックアンサー

tailwind-setup とは?

ユニバーサル スタイルを実現するために、React-native-css と NativeWind v5 を使用して Expo で Tailwind CSS v4 をセットアップする ソース: gigs-slc/react-native-skills。

tailwind-setup のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/gigs-slc/react-native-skills --skill tailwind-setup インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/gigs-slc/react-native-skills