·tailwind
</>

tailwind

Tailwind CSS v4 と shadcn/ui — セットアップ、構成、コンポーネント パターン、ダーク モード、トラブルシューティング。 Tailwind v4 のセットアップ、UI コンポーネントの構築、Tailwind エラーの修正、v3 からの移行、またはユーティリティ クラスでのスタイル設定を行うときに使用します。

10インストール·0トレンド·@hjewkes

インストール

$npx skills add https://github.com/hjewkes/agent-skills --skill tailwind

tailwind のインストール方法

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

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

ソース: hjewkes/agent-skills。

Combined from jezweb/claude-skills (tailwind-v4-shadcn + tailwind-patterns). Production-tested.

Use @tailwindcss/vite plugin (NOT PostCSS). Set "config": "" in components.json.

Skip any step and the theme breaks. See references/setup.md for full details.

Tailwind CSS v4 と shadcn/ui — セットアップ、構成、コンポーネント パターン、ダーク モード、トラブルシューティング。 Tailwind v4 のセットアップ、UI コンポーネントの構築、Tailwind エラーの修正、v3 からの移行、またはユーティリティ クラスでのスタイル設定を行うときに使用します。 ソース: hjewkes/agent-skills。

引用可能な情報

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

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

Browse more skills from hjewkes/agent-skills

クイックアンサー

tailwind とは?

Tailwind CSS v4 と shadcn/ui — セットアップ、構成、コンポーネント パターン、ダーク モード、トラブルシューティング。 Tailwind v4 のセットアップ、UI コンポーネントの構築、Tailwind エラーの修正、v3 からの移行、またはユーティリティ クラスでのスタイル設定を行うときに使用します。 ソース: hjewkes/agent-skills。

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

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

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

https://github.com/hjewkes/agent-skills