tailwindcss-development

SKILL.md

Use search-docs for detailed Tailwind CSS v4 patterns and documentation.

In Tailwind v4, configuration is CSS-first using the @theme directive — no separate tailwind.config.js file is needed:

In Tailwind v4, import Tailwind with a regular CSS @import statement instead of the @tailwind directives used in v3:

Tailwind CSS v4 ユーティリティを使用してアプリケーションをスタイルします。スタイルの追加、コンポーネントのスタイル変更、グラデーション、間隔、レイアウト、フレックス、グリッド、レスポンシブ デザイン、ダーク モード、色、タイポグラフィ、または境界線の操作を行うときにアクティブになります。または、ユーザーが CSS、スタイリング、クラス、Tailwind、スタイル変更、ヒーロー セクション、カード、ボタン、またはビジュアル/UI の変更について言及したとき。 ソース: spatie/freek.dev。

原文を見る