tailwindcss とは?
Tailwind CSS の実装ガイド - 迅速な UI 開発のためのユーティリティファーストの CSS フレームワーク。レスポンシブ デザイン、ダーク モード、カスタム テーマを使用してアプリケーションをスタイリングする場合、または Tailwind のユーティリティ クラスを使用してデザイン システムを構築する場合に使用します。 ソース: akornmeier/claude-config。
Tailwind CSS の実装ガイド - 迅速な UI 開発のためのユーティリティファーストの CSS フレームワーク。レスポンシブ デザイン、ダーク モード、カスタム テーマを使用してアプリケーションをスタイリングする場合、または Tailwind のユーティリティ クラスを使用してデザイン システムを構築する場合に使用します。
コマンドラインで tailwindcss AI スキルを開発環境にすばやくインストール
ソース: akornmeier/claude-config。
Tailwind CSS is a utility-first CSS framework that enables rapid UI development by providing pre-built utility classes. It generates optimized CSS at build-time by scanning your project files, resulting in zero runtime overhead and minimal production bundles.
Tailwind provides low-level utility classes that you apply directly to HTML elements instead of writing custom CSS:
Tailwind scans your source files at build-time and generates only the CSS classes you actually use:
Tailwind CSS の実装ガイド - 迅速な UI 開発のためのユーティリティファーストの CSS フレームワーク。レスポンシブ デザイン、ダーク モード、カスタム テーマを使用してアプリケーションをスタイリングする場合、または Tailwind のユーティリティ クラスを使用してデザイン システムを構築する場合に使用します。 ソース: akornmeier/claude-config。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/akornmeier/claude-config --skill tailwindcssTailwind CSS の実装ガイド - 迅速な UI 開発のためのユーティリティファーストの CSS フレームワーク。レスポンシブ デザイン、ダーク モード、カスタム テーマを使用してアプリケーションをスタイリングする場合、または Tailwind のユーティリティ クラスを使用してデザイン システムを構築する場合に使用します。 ソース: akornmeier/claude-config。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/akornmeier/claude-config --skill tailwindcss インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/akornmeier/claude-config