mcpField

tailwind-best-practices

evilmartians.comデザイン・UI96 回インストール

tailwind-best-practices について

素早く書けるコードベースを保守しやすく保つ実践に従って Tailwind CSS を書きます — マジック値ではなくデザイントークンを使い、クラスリストを短く保ち、トークンを意味的にグループ化し、一貫した順序でクラスを生成し、繰り返しスタイルの抽出に @apply を避け、任意の className プロップではなく固定バリアントを使います。Tailwind のクラス、コンポーネント、設定を書いたり編集したりするとき、また既存の Tailwind プロジェクトをレビュー、クリーンアップ、リファクタリング、監査するときに使用します。Tailwind に関係しない一般的な CSS アーキテクチャや、CSS 出力に関係しないビルドツール(バンドラー、JS 圧縮など)には使用しないでください。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://evilmartians.com --skill tailwind-best-practices

インストール後、Claude Code で/tailwind-best-practicesを入力して読み込まれたか確認します。

コメント