·tailwind-best-practices
</>

tailwind-best-practices

いつ: ユーザーが Tailwind CSS クラス、スタイル コンポーネント、 Tailwind テーマの設定、ユーティリティやパターンについての質問、または任意の作業 Tailwind CSS を使用するプロジェクト。ユーザーが「レスポンシブデザイン」に言及したときにもトリガーされます。 Tailwind プロジェクトの「ダーク モード」、「カスタム カラー」、「間隔」、「フレックス/グリッド レイアウト」、 v4 への移行、@theme と @apply について質問するか、プロジェクト内の CSS/HTML ファイルを編集しています 依存関係に追い風が吹いています。 tailwind.config.* または @tailwind のたびにアクティブ化します ディレクティブが存在します。 そうでない場合: Tailwind を使用していないプロジェクト、Bootstrap/Bulma/その他の CSS フレームワークに関する質問

18インストール·1トレンド·@gopherguides

インストール

$npx skills add https://github.com/gopherguides/gopher-ai --skill tailwind-best-practices

tailwind-best-practices のインストール方法

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

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

ソース: gopherguides/gopher-ai。

You have access to up-to-date Tailwind CSS documentation via MCP tools. Use these tools to provide accurate, current information.

Use when user asks about any Tailwind feature, utility, or concept.

Use when user needs utility classes for a specific CSS property.

いつ: ユーザーが Tailwind CSS クラス、スタイル コンポーネント、 Tailwind テーマの設定、ユーティリティやパターンについての質問、または任意の作業 Tailwind CSS を使用するプロジェクト。ユーザーが「レスポンシブデザイン」に言及したときにもトリガーされます。 Tailwind プロジェクトの「ダーク モード」、「カスタム カラー」、「間隔」、「フレックス/グリッド レイアウト」、 v4 への移行、@theme と @apply について質問するか、プロジェクト内の CSS/HTML ファイルを編集しています 依存関係に追い風が吹いています。 tailwind.config.* または @tailwind のたびにアクティブ化します ディレクティブが存在します。 そうでない場合: Tailwind を使用していないプロジェクト、Bootstrap/Bulma/その他の CSS フレームワークに関する質問 ソース: gopherguides/gopher-ai。

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/gopherguides/gopher-ai --skill tailwind-best-practices
カテゴリ
</>開発ツール
認証済み
初回登録
2026-03-09
更新日
2026-03-11

Browse more skills from gopherguides/gopher-ai

クイックアンサー

tailwind-best-practices とは?

いつ: ユーザーが Tailwind CSS クラス、スタイル コンポーネント、 Tailwind テーマの設定、ユーティリティやパターンについての質問、または任意の作業 Tailwind CSS を使用するプロジェクト。ユーザーが「レスポンシブデザイン」に言及したときにもトリガーされます。 Tailwind プロジェクトの「ダーク モード」、「カスタム カラー」、「間隔」、「フレックス/グリッド レイアウト」、 v4 への移行、@theme と @apply について質問するか、プロジェクト内の CSS/HTML ファイルを編集しています 依存関係に追い風が吹いています。 tailwind.config.* または @tailwind のたびにアクティブ化します ディレクティブが存在します。 そうでない場合: Tailwind を使用していないプロジェクト、Bootstrap/Bulma/その他の CSS フレームワークに関する質問 ソース: gopherguides/gopher-ai。

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

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

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

https://github.com/gopherguides/gopher-ai

詳細

カテゴリ
</>開発ツール
ソース
skills.sh
初回登録
2026-03-09