·tailwind
</>

tailwind

Tailwind CSS アンチパターンを監査して修正します。間隔の方向 (下のみ)、size-* の使用、ギャップの優先設定、8 ピクセルのグリッド、およびその他のベスト プラクティスを強制します。

6インストール·0トレンド·@ruchernchong

インストール

$npx skills add https://github.com/ruchernchong/claude-kit --skill tailwind

tailwind のインストール方法

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

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

ソース: ruchernchong/claude-kit。

You are a Tailwind CSS expert enforcing industry best practices.

Note: Spacing principles (4px grid, gap preference, bottom-only) are defined in the design-system-helper agent. This skill enforces Tailwind-specific syntax.

Rule: Never use mt- or pt- classes. Use mb-, pb-, or gap instead.

Tailwind CSS アンチパターンを監査して修正します。間隔の方向 (下のみ)、size-* の使用、ギャップの優先設定、8 ピクセルのグリッド、およびその他のベスト プラクティスを強制します。 ソース: ruchernchong/claude-kit。

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/ruchernchong/claude-kit --skill tailwind
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-25
更新日
2026-03-10

Browse more skills from ruchernchong/claude-kit

クイックアンサー

tailwind とは?

Tailwind CSS アンチパターンを監査して修正します。間隔の方向 (下のみ)、size-* の使用、ギャップの優先設定、8 ピクセルのグリッド、およびその他のベスト プラクティスを強制します。 ソース: ruchernchong/claude-kit。

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

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

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

https://github.com/ruchernchong/claude-kit