tailwind-patterns
✓レスポンシブなレイアウト、カード、ナビゲーション、フォーム、ボタン、タイポグラフィーのためのプロダクション対応の Tailwind CSS パターン。間隔スケール、ブレークポイント、モバイル ファースト パターン、ダーク モード、Resume Matcher のスイス インターナショナル スタイル オーバーライドが含まれます。
SKILL.md
Use increments of 4: gap-4, p-6, py-8, space-y-12, py-16, py-24
| Base | 0px | text-base | | sm | 640px | sm:text-lg | | md | 768px | md:grid-cols-2 | | lg | 1024px | lg:px-8 | | xl | 1280px | xl:max-w-7xl |
| Canvas | #F0F0E8 | bg-[#F0F0E8] | | Ink | #000000 | text-black | | Hyper Blue | #1D4ED8 | bg-blue-700 | | Signal Green | #15803D | text-green-700 | | Alert Red | #DC2626 | text-red-600 |
レスポンシブなレイアウト、カード、ナビゲーション、フォーム、ボタン、タイポグラフィーのためのプロダクション対応の Tailwind CSS パターン。間隔スケール、ブレークポイント、モバイル ファースト パターン、ダーク モード、Resume Matcher のスイス インターナショナル スタイル オーバーライドが含まれます。 ソース: srbhr/resume-matcher。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/srbhr/resume-matcher --skill tailwind-patterns- カテゴリ
- ""ライティング
- 認証済み
- ✓
- 初回登録
- 2026-02-12
- 更新日
- 2026-02-18
クイックアンサー
tailwind-patterns とは？
レスポンシブなレイアウト、カード、ナビゲーション、フォーム、ボタン、タイポグラフィーのためのプロダクション対応の Tailwind CSS パターン。間隔スケール、ブレークポイント、モバイル ファースト パターン、ダーク モード、Resume Matcher のスイス インターナショナル スタイル オーバーライドが含まれます。 ソース: srbhr/resume-matcher。
tailwind-patterns のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/srbhr/resume-matcher --skill tailwind-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/srbhr/resume-matcher
詳細
- カテゴリ
- ""ライティング
- ソース
- skills.sh
- 初回登録
- 2026-02-12