Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography. Includes spacing scale, breakpoints, mobile-first patterns, and dark mode support. Use when building UI components, creating landing pages, styling forms, implementing navigation, or fixing responsive layouts.
Install
npx skills add srbhr/Resume-Matcher --skill tailwind-patternsnpx skills add srbhr/Resume-Matcher --skill tailwind-patterns -a claude-code -gnpx skills add srbhr/Resume-Matcher --skill tailwind-patterns -a codex -ggemini skills install https://github.com/srbhr/Resume-Matcher.git --path .agent/skills/tailwind-patterngh skill install srbhr/Resume-Matcher tailwind-patternsgit clone --depth 1 https://github.com/srbhr/Resume-Matcher /tmp/srbhr__Resume-Matcher
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/srbhr__Resume-Matcher/.agent/skills/tailwind-pattern ~/.claude/skills/tailwind-patterns # Claude Code
cp -R /tmp/srbhr__Resume-Matcher/.agent/skills/tailwind-pattern ~/.agents/skills/tailwind-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode