tailwindcss

Tailwind CSS v4 introduces CSS-first configuration, OKLCH colors, and improved performance. This skill provides comprehensive patterns for building modern UIs.

Tailwind v4 uses CSS variables and @theme directive instead of tailwind.config.js:

Tailwind CSS v4 によるユーティリティ優先の CSS スタイル。コンポーネントのスタイル設定、テーマの構成、レスポンシブ デザイン、またはデザイン システムの構築時に使用します。 Tailwind、CSS、スタイル、テーマ、またはレスポンシブ デザインに関する質問をトリガーします。 ソース: fractionestate/midnight-dev-skills。

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