Tailwind CSS v4 をセットアップして使用するのは、Next.js (App Router)、Vite、または CLI のみです。 tailwind.config.js はありません - CSS の @theme によるテーマ。 Tailwind でスタイルを設定するとき、Tailwind を構成するとき、Tailwind をインストールするとき、ユーティリティ クラス、@theme、@layer、@utility を使用するとき、またはユーザーが Tailwind CSS または Tailwind v4 について言及するときに使用します。
コマンドラインで tailwind-css AI スキルを開発環境にすばやくインストール
ソース: enderpuentes/ai-agent-skills。
Tailwind CSS is a utility-first CSS framework. Style by combining single-purpose classes in markup.
We use Tailwind v4 only. There is no tailwind.config.js, tailwind.config.ts, or tailwind.config.mjs. Configuration is done in CSS via @import "tailwindcss" and the @theme directive, plus the Vite or PostCSS plugin.
Core principle: Prefer utility classes in markup; extend with @theme and custom CSS when needed. Never suggest or create tailwind.config. or content/theme in a config file.
Tailwind CSS v4 をセットアップして使用するのは、Next.js (App Router)、Vite、または CLI のみです。 tailwind.config.js はありません - CSS の @theme によるテーマ。 Tailwind でスタイルを設定するとき、Tailwind を構成するとき、Tailwind をインストールするとき、ユーティリティ クラス、@theme、@layer、@utility を使用するとき、またはユーザーが Tailwind CSS または Tailwind v4 について言及するときに使用します。 ソース: enderpuentes/ai-agent-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill tailwind-cssTailwind CSS v4 をセットアップして使用するのは、Next.js (App Router)、Vite、または CLI のみです。 tailwind.config.js はありません - CSS の @theme によるテーマ。 Tailwind でスタイルを設定するとき、Tailwind を構成するとき、Tailwind をインストールするとき、ユーティリティ クラス、@theme、@layer、@utility を使用するとき、またはユーザーが Tailwind CSS または Tailwind v4 について言及するときに使用します。 ソース: enderpuentes/ai-agent-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/enderpuentes/ai-agent-skills --skill tailwind-css インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/enderpuentes/ai-agent-skills