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
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Features and purpose
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
Quick start
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
Guides ↗Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-02-10
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!