SKILL·9E25EA

tailwind-patterns

srbhr
Updated 1 month ago
8 views
26,372
4,747
26,372
View on GitHub
Otherai

About

This Claude Skill provides production-ready Tailwind CSS patterns for common UI components like layouts, cards, and forms. It includes responsive design utilities with mobile-first breakpoints, spacing scales, and dark mode support. Developers should use it to quickly implement consistent, responsive interfaces with Swiss International Style overrides for projects like Resume Matcher.

Quick Install

Claude Code

Recommended
Primary
npx skills add srbhr/Resume-Matcher -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/srbhr/Resume-Matcher
Git CloneAlternative
git clone https://github.com/srbhr/Resume-Matcher.git ~/.claude/skills/tailwind-patterns

Copy and paste this command in Claude Code to install this skill

GitHub Repository

srbhr/Resume-Matcher
Path: .github/skills/tailwind-patterns
0
applicant-tracking-systematshacktoberfestmachine-learningnatural-language-processingnextjs
FAQ

Frequently asked questions

What is the tailwind-patterns skill?

tailwind-patterns is a Claude Skill by srbhr. Skills package instructions and resources that Claude loads on demand, so Claude can perform tailwind-patterns-related tasks without extra prompting.

How do I install tailwind-patterns?

Use the install commands on this page: add tailwind-patterns to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does tailwind-patterns belong to?

tailwind-patterns is in the Other category, tagged ai.

Is tailwind-patterns free to use?

Yes. tailwind-patterns is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Related Skills

llamaguard
Other

LlamaGuard is Meta's 7-8B parameter model for moderating LLM inputs and outputs across six safety categories like violence and hate speech. It offers 94-95% accuracy and can be deployed using vLLM, Hugging Face, or Amazon SageMaker. Use this skill to easily integrate content filtering and safety guardrails into your AI applications.

View skill
cost-optimization
Other

This Claude Skill helps developers optimize cloud costs through resource rightsizing, tagging strategies, and spending analysis. It provides a framework for reducing cloud expenses and implementing cost governance across AWS, Azure, and GCP. Use it when you need to analyze infrastructure costs, right-size resources, or meet budget constraints.

View skill
sports-betting-analyzer
Other

This Claude Skill analyzes sports betting markets including spreads, over/unders, and prop bets by examining historical trends and situational statistics to identify value bets. It provides structured markdown output with actionable recommendations for educational purposes. Developers should use this for sports betting analysis tools while noting it's designed for entertainment/education only.

View skill
quantizing-models-bitsandbytes
Other

This skill quantizes LLMs to 8-bit or 4-bit precision using bitsandbytes, achieving 50-75% memory reduction with minimal accuracy loss. It's ideal for running larger models on limited GPU memory or accelerating inference, supporting formats like INT8, NF4, and FP4. The skill integrates with HuggingFace Transformers and enables QLoRA training and 8-bit optimizers.

View skill