tailwind-patterns
✓適用於響應式佈局、卡片、導覽、表單、按鈕和版式的生產就緒 Tailwind CSS 模式。包括簡歷匹配器的間距比例、斷點、行動優先模式、深色模式和瑞士國際風格覆蓋。
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 模式。包括簡歷匹配器的間距比例、斷點、行動優先模式、深色模式和瑞士國際風格覆蓋。 來源：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 模式。包括簡歷匹配器的間距比例、斷點、行動優先模式、深色模式和瑞士國際風格覆蓋。 來源：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 中使用
這個 Skill 的原始碼在哪？
https://github.com/srbhr/resume-matcher
詳情
- 分類
- ""溝通寫作
- 來源
- skills.sh
- 收錄時間
- 2026-02-12