このスキルは、ユーザーが「Tailwind でスタイルを設定する」、「Tailwind クラスを追加する」、「Tailwind スタイルを修正する」、「tailwind-variants を使用する」、「tw-animate-css でアニメーションを追加する」、「Tailwind v4 を構成する」、「Tailwind v4 に移行する」を要求する場合、または Tailwind ユーティリティ、CSS クラス、レスポンシブ デザイン、ダーク モード、グラデーション、デザイン トークン、または CSS モジュールについて言及する場合に使用する必要があります。
コマンドラインで tailwind-css AI スキルを開発環境にすばやくインストール
ソース: paulrberg/agent-skills。
Expert guidance for Tailwind CSS v4, CSS-first configuration, modern utility patterns, and type-safe component styling with tailwind-variants.
Tailwind CSS v4 eliminates tailwind.config.ts in favor of CSS-only configuration. All configuration lives in CSS files using special directives.
All theme tokens defined with @theme automatically become available as utility classes. For example, --color-brand can be used as bg-brand, text-brand, border-brand, etc.
このスキルは、ユーザーが「Tailwind でスタイルを設定する」、「Tailwind クラスを追加する」、「Tailwind スタイルを修正する」、「tailwind-variants を使用する」、「tw-animate-css でアニメーションを追加する」、「Tailwind v4 を構成する」、「Tailwind v4 に移行する」を要求する場合、または Tailwind ユーティリティ、CSS クラス、レスポンシブ デザイン、ダーク モード、グラデーション、デザイン トークン、または CSS モジュールについて言及する場合に使用する必要があります。 ソース: paulrberg/agent-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/paulrberg/agent-skills --skill tailwind-cssこのスキルは、ユーザーが「Tailwind でスタイルを設定する」、「Tailwind クラスを追加する」、「Tailwind スタイルを修正する」、「tailwind-variants を使用する」、「tw-animate-css でアニメーションを追加する」、「Tailwind v4 を構成する」、「Tailwind v4 に移行する」を要求する場合、または Tailwind ユーティリティ、CSS クラス、レスポンシブ デザイン、ダーク モード、グラデーション、デザイン トークン、または CSS モジュールについて言及する場合に使用する必要があります。 ソース: paulrberg/agent-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/paulrberg/agent-skills --skill tailwind-css インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/paulrberg/agent-skills