Tailwind CSS v4 ユーティリティを使用してアプリケーションをスタイルします。スタイルの追加、コンポーネントのスタイル変更、グラデーション、間隔、レイアウト、フレックス、グリッド、レスポンシブ デザイン、ダーク モード、色、タイポグラフィ、または境界線の操作を行うときにアクティブになります。または、ユーザーが CSS、スタイリング、クラス、Tailwind、スタイル変更、ヒーロー セクション、カード、ボタン、またはビジュアル/UI の変更について言及したとき。
コマンドラインで tailwindcss-development AI スキルを開発環境にすばやくインストール
ソース: owlchester/kanka。
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 の変更について言及したとき。 ソース: owlchester/kanka。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/owlchester/kanka --skill tailwindcss-developmentTailwind CSS v4 ユーティリティを使用してアプリケーションをスタイルします。スタイルの追加、コンポーネントのスタイル変更、グラデーション、間隔、レイアウト、フレックス、グリッド、レスポンシブ デザイン、ダーク モード、色、タイポグラフィ、または境界線の操作を行うときにアクティブになります。または、ユーザーが CSS、スタイリング、クラス、Tailwind、スタイル変更、ヒーロー セクション、カード、ボタン、またはビジュアル/UI の変更について言及したとき。 ソース: owlchester/kanka。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/owlchester/kanka --skill tailwindcss-development インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/owlchester/kanka