srbhr avatar

Tailwind Patterns

A collection of production-ready Tailwind CSS patterns pulled from real projects and shadcn/ui. You get copy-paste snippets for common layouts like responsive section containers, card grids, and form patterns that work across Tailwind v3 and v4. The kind of thing you bookmark when you're tired of rebuilding the same responsive wrapper for the hundredth time. It's essentially a cheat sheet, not a component library, so you're still writing the markup yourself. Useful if you want consistent spacing and breakpoints without hunting through docs, though you'll need to adapt patterns to your specific design system.

skills.sh installs
170
GitHub stars
29.2K
last updated
Aug 21, 2026

Install

$ npx -y skills add srbhr/resume-matcher --skill tailwind-patterns --agent claude-code

Installs into .claude/skills of the current project.

Files

A collection of production-ready Tailwind CSS patterns pulled from real projects and shadcn/ui. You get copy-paste snippets for common layouts like responsive section containers, card grids, and form patterns that work across Tailwind v3 and v4. The kind of thing you bookmark when you're tired of rebuilding the same responsive wrapper for the hundredth time. It's essentially a cheat sheet, not a component library, so you're still writing the markup yourself. Useful if you want consistent spacing and breakpoints without hunting through docs, though you'll need to adapt patterns to your specific design system.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/srbhr/resume-matcher
Categories
Frontend Development, Mobile Development, Design & UI/UX
First seen
Jun 3, 2026

More from srbhr/resume-matcher

All 3
1pedronauck avatarui-ux-pro-maxpedronauck/skillsUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind,168skills.sh installs
2modu-ai avatarmoai-domain-frontendmodu-ai/moai-adkFrontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implem140skills.sh installs
3butterbase-ai avatardeploy-frontendbutterbase-ai/butterbase-skillsWalks you through the seven-step process to get a React, Next.js, or static site live on Butterbase, from setting environment variables...0skills.sh installs
4composiohq avatarsenior-frontendcomposiohq/awesome-claude-pluginsFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, an0skills.sh installs
5daffy0208 avatarFrontend Builderdaffy0208/ai-dev-standardsBuild modern React/Next.js frontends. Use when creating web applications, choosing frontend stack, structuring components, or implementing UI/UX designs. Covers0skills.sh installs
6recomby-ai avatarfrontend-designrecomby-ai/recomby-geoCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, 0skills.sh installs