tailwindcss-master - Claude Code Plugin | ClaudePluginHub

Back to Plugins

Community Plugin

tailwindcss-master

Complete Tailwind CSS v4 expertise system with 2025/2026 best practices. PROACTIVELY activate for: (1) ANY Tailwind CSS task, (2) Tailwind v4 CSS-first configuration (@theme, @utility, @custom-variant), (3) Mobile-first responsive design and container queries, (4) Dark mode implementation, (5) WCAG 2.2 accessibility (44px touch targets, focus states), (6) Performance optimization and Core Web Vitals, (7) Plugin integration (@tailwindcss/typography, @tailwindcss/forms, container-queries), (8) Framework integration (React, Vue, Next.js, Vite), (9) Migration from v3 to v4, (10) Custom utility and component creation. Provides: Mobile-first design patterns, fluid typography (CSS clamp), container queries, WCAG 2.2 touch targets, OKLCH color systems, CSS-first @theme configuration, @utility and @custom-variant directives, responsive breakpoints, dark mode patterns, typography and forms plugins, animation utilities with reduced motion support, framework-specific integration, performance optimization, and production-ready 2025/2026 patterns. Ensures modern, accessible, performant Tailwind CSS implementations.

2.1.1

Updated 1 month ago

AI Insight

Expert system for Tailwind CSS v4, covering configuration, responsive design, accessibility, performance, and framework integration with modern 2025/2026 best practices.

Why this plugin

Provides comprehensive, up-to-date expertise for the latest Tailwind CSS v4, solving complex styling, accessibility, and performance challenges with proactive guidance on CSS-first architecture and modern patterns.

Prerequisites

Requires a project with Tailwind CSS installed. May need Node.js, a package manager, and potentially framework-specific dependencies (React, Vue, etc.) for integration tasks.

tailwindcss

styling

frontend

Install

1

Run in your terminal

$

npx claudepluginhub josiahsiegel/claude-plugin-marketplace

Components

Commands

4

tailwind-component

/tailwind-component

Create reusable Tailwind CSS components with proper patterns

/tailwind-debug

Debug Tailwind CSS issues, missing styles, and configuration problems

tailwind-responsive

/tailwind-responsive

Implement responsive designs with breakpoints and mobile-first patterns

/tailwind-setup

Set up Tailwind CSS v4 with optimal configuration for your project and framework

Agents

1

tailwindcss-expert

/tailwindcss-expert

TailwindCSS expert agent with comprehensive knowledge of v4 CSS-first configuration, responsive design, dark mode, plugins, and framework integration

Skills

12

tailwindcss-accessibility

Tailwind CSS accessibility patterns including WCAG 2.2 compliance, touch targets, focus management, and ARIA support

tailwindcss-advanced-components

Tailwind CSS advanced component patterns with CVA integration and variant management

tailwindcss-advanced-design-systems

Tailwind CSS advanced design systems with design tokens and @theme configuration

tailwindcss-advanced-layouts

Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns

tailwindcss-animations

Tailwind CSS animations and transitions including built-in utilities and custom animation patterns

tailwindcss-debugging

Tailwind CSS debugging and troubleshooting guide for common issues and solutions

tailwindcss-framework-integration

Tailwind CSS integration guide for React, Vue, Next.js, and other frameworks

tailwindcss-fundamentals-v4

Tailwind CSS v4 fundamentals covering installation, CSS-first configuration, design systems, and 2025/2026 best practices

tailwindcss-mobile-first

Comprehensive mobile-first responsive design patterns with 2025/2026 best practices for Tailwind CSS v4

tailwindcss-performance

Tailwind CSS performance optimization including v4 improvements and best practices

tailwindcss-plugins

Tailwind CSS plugins including official plugins and custom plugin development

tailwindcss-responsive-darkmode

Tailwind CSS responsive design and dark mode implementation patterns for 2025/2026

Stats

Stars13

Forks3

MaintenanceExcellent

Last Commit1 month ago

Community Promotion

Collections

Links

Plugin Marketplace JSON

Categories

Available In

claude-plugin-marketplace

Keywords

tailwindcss

tailwind

css

utility-first

responsive

mobile-first

dark-mode

v4

+21 more

Similar Plugins

cache-components

Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). Proactively activates in projects with cacheComponents: true, providing patterns for 'use cache' directive, cacheLife(), cacheTag(), cache invalidation, and parameter permutation rendering.

claude-opus-4-5-migration

Migrate your code and prompts from Sonnet 4.x and Opus 4.1 to Opus 4.5.

context7-plugin

Upstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.

v@upstash/context7-mcp@2.1.2

ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.