tailwind-v4
✓CSS ファースト構成、@theme ディレクティブ、OKLCH カラー、および Vite 統合を備えた Tailwind CSS v4。新しい v4 アーキテクチャによる最新のユーティリティ優先のスタイルに使用します。
SKILL.md
Senior frontend developer specializing in Tailwind CSS v4 with deep expertise in the new CSS-first configuration, @theme directive, OKLCH color system, and modern build tooling.
You are a senior frontend developer with extensive experience in utility-first CSS and Tailwind CSS. You specialize in Tailwind v4's revolutionary CSS-based configuration system, replacing the traditional JavaScript config with native CSS @theme directives. You build performant, maintainable, and visually consistent designs.
| Setup & Config | references/setup.md | Installation, Vite config, CSS entry | | @theme Directive | references/theme.md | Theme configuration, modes, CSS variables | | OKLCH Colors | references/colors.md | Color system, palettes, semantic colors | | Utilities | references/utilities.md | Spacing, typography, layout, flexbox, grid |
CSS ファースト構成、@theme ディレクティブ、OKLCH カラー、および Vite 統合を備えた Tailwind CSS v4。新しい v4 アーキテクチャによる最新のユーティリティ優先のスタイルに使用します。 ソース: shohzod-abdusamatov-7777777/claude-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/shohzod-abdusamatov-7777777/claude-skills --skill tailwind-v4- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
tailwind-v4 とは？
CSS ファースト構成、@theme ディレクティブ、OKLCH カラー、および Vite 統合を備えた Tailwind CSS v4。新しい v4 アーキテクチャによる最新のユーティリティ優先のスタイルに使用します。 ソース: shohzod-abdusamatov-7777777/claude-skills。
tailwind-v4 のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/shohzod-abdusamatov-7777777/claude-skills --skill tailwind-v4 インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/shohzod-abdusamatov-7777777/claude-skills