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