tailwind-v4
✓CSS ファーストの構成およびデザイン トークンを備えた Tailwind CSS v4。 Tailwind v4 のセットアップ、テーマ変数の定義、OKLCH カラーの使用、またはダーク モードの構成を行うときに使用します。 @theme、@tailwindcss/vite、oklch、CSS 変数、--color-、tailwind v4 でトリガーします。
SKILL.md
| Configuration | tailwind.config.js | @theme in CSS | | Build Tool | PostCSS plugin | @tailwindcss/vite | | Colors | rgb() / hsl() | oklch() (default) | | Theme Extension | extend: {} in JS | CSS variables | | Dark Mode | darkMode config option | CSS variants |
default (standard mode) Generates CSS variables that can be referenced elsewhere:
Note: You can also use @theme default explicitly to mark theme values that can be overridden by non-default @theme declarations.
CSS ファーストの構成およびデザイン トークンを備えた Tailwind CSS v4。 Tailwind v4 のセットアップ、テーマ変数の定義、OKLCH カラーの使用、またはダーク モードの構成を行うときに使用します。 @theme、@tailwindcss/vite、oklch、CSS 変数、--color-、tailwind v4 でトリガーします。 ソース: existential-birds/beagle。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/existential-birds/beagle --skill tailwind-v4- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
tailwind-v4 とは？
CSS ファーストの構成およびデザイン トークンを備えた Tailwind CSS v4。 Tailwind v4 のセットアップ、テーマ変数の定義、OKLCH カラーの使用、またはダーク モードの構成を行うときに使用します。 @theme、@tailwindcss/vite、oklch、CSS 変数、--color-、tailwind v4 でトリガーします。 ソース: existential-birds/beagle。
tailwind-v4 のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/existential-birds/beagle --skill tailwind-v4 インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/existential-birds/beagle
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01