home/categories/frontend/daishiman-aiworkfloworchestrator-docs-99-claude-skills-tailwind-css-patterns-skill-md
frontenddevelopment

tailwind-css-patterns

Tailwind CSS のユーティリティ設計とパターン化を支援するスキル。レイアウト・状態・レスポンシブ対応を整理し、再利用可能なUIパターンを構築する。 Anchors: • Tailwind CSS Documentation / 適用: ユーティリティ設計 / 目的: 公式ベストプラクティス準拠 • Responsive Web Design / 適用: ブレークポイント設計 / 目的: モバイルファーストの整理 • Class Variance Authority (CVA) / 適用: バリアント設計 / 目的: 状態と組み合わせの整理 Trigger: Use when designing Tailwind UI patterns, reducing utility bloat, or standardizing responsive and state styles. tailwind css, utility classes, responsive design, component patterns, class variance

daishiman
maintainer
daishiman
Обновлено 18.01.2026
Звёзды
4
Форки
0
quick start

Installation and usage

Tailwind CSS のユーティリティ設計とパターン化を支援するスキル。レイアウト・状態・レスポンシブ対応を整理し、再利用可能なUIパターンを構築する。 Anchors: • Tailwind CSS Documentation / 適用: ユーティリティ設計 / 目的: 公式ベストプラクティス準拠 • Responsive Web Design / 適用: ブレークポイント設計 / 目的: モバイルファーストの整理 • Class Variance Authority (CVA) / 適用: バリアント設計 / 目的: 状態と組み合わせの整理 Trigger: Use when designing Tailwind UI patterns, reducing utility bloat, or standardizing responsive and state styles. tailwind css, utility classes, responsive design, component patterns, class variance

Установка
$ install --globalskills.sh
Использование

После установки вы можете использовать этот skill, выполнив следующую команду в терминале:

skills use tailwind-css-patterns