tailwindcss
✓Tailwind CSS ユーティリティファーストの CSS フレームワーク。ユーティリティ クラスを使用して Web アプリケーションをスタイル設定する場合、レスポンシブ デザインを構築する場合、またはテーマ変数を使用してデザイン システムをカスタマイズする場合に使用します。
インストール
SKILL.md
The skill is based on Tailwind CSS v4.1.18, generated at 2026-01-28.
Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. Instead of writing custom CSS, you compose designs using utility classes directly in your markup. Tailwind v4 introduces CSS-first configuration with theme variables, making it easier to customize your design system.
| Utility Classes | Understanding Tailwind's utility-first approach and styling elements | core-utility-classes | | Theme Variables | Design tokens, customizing theme, and theme variable namespaces | core-theme | | Responsive Design | Mobile-first breakpoints, responsive variants, and container queries | core-responsive |
Tailwind CSS ユーティリティファーストの CSS フレームワーク。ユーティリティ クラスを使用して Web アプリケーションをスタイル設定する場合、レスポンシブ デザインを構築する場合、またはテーマ変数を使用してデザイン システムをカスタマイズする場合に使用します。 ソース: hairyf/skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/hairyf/skills --skill tailwindcss- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
tailwindcss とは？
Tailwind CSS ユーティリティファーストの CSS フレームワーク。ユーティリティ クラスを使用して Web アプリケーションをスタイル設定する場合、レスポンシブ デザインを構築する場合、またはテーマ変数を使用してデザイン システムをカスタマイズする場合に使用します。 ソース: hairyf/skills。
tailwindcss のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/hairyf/skills --skill tailwindcss インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/hairyf/skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01