Anthropic Claudeデザイン・クリエイティブ⭐ リポ 0品質スコア 45/100
tailwind-patterns
Tailwind CSS v4の原則に基づいた設計ができます。CSSファーストの設定、コンテナクエリ、モダンなパターン、デザイントークンアーキテクチャを活用して、スケーラブルで保守性の高いスタイリングを実装できます。
description の原文を見る
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
SKILL.md 本文
注意: このスキルのライセンスは ライセンス未確認 です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。
Tailwind CSS パターン (v4 - 2025)
CSS-ネイティブ設定を備えたモダンなユーティリティファースト CSS。
1. Tailwind v4 アーキテクチャ
v3 からの変更点
| v3 (レガシー) | v4 (現在) |
|---|---|
tailwind.config.js | CSS ベースの @theme ディレクティブ |
| PostCSS プラグイン | Oxide エンジン (10 倍高速) |
| JIT モード | ネイティブ、常時有効 |
| プラグインシステム | CSS ネイティブ機能 |
@apply ディレクティブ | 依然として動作、非推奨 |
v4 のコアコンセプト
| コンセプト | 説明 |
|---|---|
| CSS ファースト | JavaScript ではなく CSS で設定 |
| Oxide エンジン | Rust ベースのコンパイラ、大幅に高速化 |
| ネイティブネスティング | PostCSS なしの CSS ネスティング |
| CSS 変数 | すべてのトークンが --* 変数として公開 |
2. CSS ベー
...
詳細情報
- 作者
- luizfosc
- リポジトリ
- luizfosc/garimpoai
- ライセンス
- 不明
- 最終更新
- 2026/2/9
Source: https://github.com/luizfosc/garimpoai / ライセンス: 未指定