tailwind とは?
Tailwind CSS v4 と shadcn/ui — セットアップ、構成、コンポーネント パターン、ダーク モード、トラブルシューティング。 Tailwind v4 のセットアップ、UI コンポーネントの構築、Tailwind エラーの修正、v3 からの移行、またはユーティリティ クラスでのスタイル設定を行うときに使用します。 ソース: hjewkes/agent-skills。
Tailwind CSS v4 と shadcn/ui — セットアップ、構成、コンポーネント パターン、ダーク モード、トラブルシューティング。 Tailwind v4 のセットアップ、UI コンポーネントの構築、Tailwind エラーの修正、v3 からの移行、またはユーティリティ クラスでのスタイル設定を行うときに使用します。
コマンドラインで tailwind AI スキルを開発環境にすばやくインストール
ソース: 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 tailwindTailwind CSS v4 と shadcn/ui — セットアップ、構成、コンポーネント パターン、ダーク モード、トラブルシューティング。 Tailwind v4 のセットアップ、UI コンポーネントの構築、Tailwind エラーの修正、v3 からの移行、またはユーティリティ クラスでのスタイル設定を行うときに使用します。 ソース: hjewkes/agent-skills。
ターミナルまたはコマンドラインツール(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