Tailwind CSS ユーティリティ クラスと shadcn/ui パターンを使用して UI を作成します。 OKLCH カラーを使用した CSS 変数、CVA を使用したコンポーネント バリアント、レスポンシブ デザイン、ダーク モード、Tailwind v4.2 機能をカバーします。 Radix UI および Base UI プリミティブ、CLI 3.0、およびビジュアル スタイルをサポートします。 Tailwind でインターフェイスを構築する場合、shadcn/ui コンポーネントをスタイル設定する場合、テーマを実装する場合、またはユーティリティファースト CSS を使用する場合に使用します。
コマンドラインで styling-with-tailwind AI スキルを開発環境にすばやくインストール
ソース: tenequm/claude-plugins。
Build accessible UIs using Tailwind CSS v4 utility classes and shadcn/ui component patterns. Tailwind v4 uses CSS-first configuration only - never create or modify tailwind.config.js/tailwind.config.ts. Supports Radix UI (default) or Base UI as primitive libraries.
Tailwind v4 configures everything in CSS. Migrate any JS/TS config:
Always pair bg- with text--foreground. Extend with success/warning/info in theming.md.
Tailwind CSS ユーティリティ クラスと shadcn/ui パターンを使用して UI を作成します。 OKLCH カラーを使用した CSS 変数、CVA を使用したコンポーネント バリアント、レスポンシブ デザイン、ダーク モード、Tailwind v4.2 機能をカバーします。 Radix UI および Base UI プリミティブ、CLI 3.0、およびビジュアル スタイルをサポートします。 Tailwind でインターフェイスを構築する場合、shadcn/ui コンポーネントをスタイル設定する場合、テーマを実装する場合、またはユーティリティファースト CSS を使用する場合に使用します。 ソース: tenequm/claude-plugins。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwindTailwind CSS ユーティリティ クラスと shadcn/ui パターンを使用して UI を作成します。 OKLCH カラーを使用した CSS 変数、CVA を使用したコンポーネント バリアント、レスポンシブ デザイン、ダーク モード、Tailwind v4.2 機能をカバーします。 Radix UI および Base UI プリミティブ、CLI 3.0、およびビジュアル スタイルをサポートします。 Tailwind でインターフェイスを構築する場合、shadcn/ui コンポーネントをスタイル設定する場合、テーマを実装する場合、またはユーティリティファースト CSS を使用する場合に使用します。 ソース: tenequm/claude-plugins。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/tenequm/claude-plugins