tailwindcss
✓このスキルは、ユーザーが「Tailwind でスタイルを設定する」、「CSS を追加する」、「テーマを構成する」、「@theme を使用する」、「カスタム カラーを追加する」、「ダーク モードを実装する」、「コンテナ クエリを使用する」、「レスポンシブ デザインを追加する」、「OKLCH カラーを使用する」を要求する場合、またはスタイル、テーマ、ビジュアル デザインについて議論する場合に使用する必要があります。常に最新の Tailwind CSS バージョンと最新のパターンを使用してください。
SKILL.md
This skill provides guidance for styling applications with Tailwind CSS, focusing on always using the latest version and modern patterns.
Philosophy: Use CSS-first configuration with @theme. Use OKLCH colors for perceptual uniformity. Prefer @container queries over media queries when appropriate.
| Configuration | CSS @theme directive | tailwind.config.js | | Colors | OKLCH color space | RGB/HSL colors | | Container queries | @container | Media queries only | | Content detection | Automatic | Manual content: [] config | | PostCSS plugin | @tailwindcss/postcss | tailwindcss package |
このスキルは、ユーザーが「Tailwind でスタイルを設定する」、「CSS を追加する」、「テーマを構成する」、「@theme を使用する」、「カスタム カラーを追加する」、「ダーク モードを実装する」、「コンテナ クエリを使用する」、「レスポンシブ デザインを追加する」、「OKLCH カラーを使用する」を要求する場合、またはスタイル、テーマ、ビジュアル デザインについて議論する場合に使用する必要があります。常に最新の Tailwind CSS バージョンと最新のパターンを使用してください。 ソース: velcrafting/codex-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/velcrafting/codex-skills --skill tailwindcss- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
tailwindcss とは?
このスキルは、ユーザーが「Tailwind でスタイルを設定する」、「CSS を追加する」、「テーマを構成する」、「@theme を使用する」、「カスタム カラーを追加する」、「ダーク モードを実装する」、「コンテナ クエリを使用する」、「レスポンシブ デザインを追加する」、「OKLCH カラーを使用する」を要求する場合、またはスタイル、テーマ、ビジュアル デザインについて議論する場合に使用する必要があります。常に最新の Tailwind CSS バージョンと最新のパターンを使用してください。 ソース: velcrafting/codex-skills。
tailwindcss のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/velcrafting/codex-skills --skill tailwindcss インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/velcrafting/codex-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01