·tailwind
</>

tailwind

Tailwind CSS v4 パターンとデザイン システム。 Tailwind テーマの構成、コンポーネントの構築、ダーク モードの実装、コンテナ クエリの使用、v3 からの移行、shadcn/ui の統合、またはビルド エラーの修正を行う場合に使用します。追い風、CSS、スタイリング、テーマ、デザイントークンに使用します。

30インストール·2トレンド·@oakoss

インストール

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

tailwind のインストール方法

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

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

ソース: oakoss/agent-skills。

Tailwind CSS v4 skill covering CSS-first configuration, design tokens, component patterns, shadcn/ui integration, dark mode, container queries, migration from v3, and custom utilities.

When to use: Configuring Tailwind themes, building utility-first components, implementing dark mode, using container queries, migrating from v3, integrating shadcn/ui, troubleshooting build errors.

When NOT to use: Tailwind v3 legacy projects that will not upgrade, projects using a different styling approach (CSS Modules, styled-components) without plans to adopt Tailwind.

Tailwind CSS v4 パターンとデザイン システム。 Tailwind テーマの構成、コンポーネントの構築、ダーク モードの実装、コンテナ クエリの使用、v3 からの移行、shadcn/ui の統合、またはビルド エラーの修正を行う場合に使用します。追い風、CSS、スタイリング、テーマ、デザイントークンに使用します。 ソース: oakoss/agent-skills。

引用可能な情報

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

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

Browse more skills from oakoss/agent-skills

クイックアンサー

tailwind とは?

Tailwind CSS v4 パターンとデザイン システム。 Tailwind テーマの構成、コンポーネントの構築、ダーク モードの実装、コンテナ クエリの使用、v3 からの移行、shadcn/ui の統合、またはビルド エラーの修正を行う場合に使用します。追い風、CSS、スタイリング、テーマ、デザイントークンに使用します。 ソース: oakoss/agent-skills。

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

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

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

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