claude

tailwindcss-master

Complete Tailwind CSS v4 expertise with 2025 best practices. PROACTIVELY activate for: (1) any Tailwind task, (2) v4 CSS-first config (@theme, @utility, @custom-variant), (3) responsive design and dark mode, (4) performance and JIT, (5) plugins (typography, forms), (6) framework integration (React/Vue/Next/Vite), (7) v3-to-v4 migration, (8) custom utility creation, (9) debugging, (10) production build optimization. Provides: v4.1 features, PostCSS and Vite setup, dark-mode strategies, animation utilities, VS Code/Prettier config.

61 on GitHubby Josiah Siegelv2.2.3MITupdated 4 months ago
/

Plugin tailwindcss-master from marketplace claude-plugin-marketplace in JosiahSiegel/claude-plugin-marketplace. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (12)

  • tailwindcss-accessibility

    Tailwind CSS accessibility patterns including WCAG 2.2 compliance, touch targets, focus management, and ARIA. PROACTIVELY activate for: (1) building accessible UI with Tailwind, (2) WCAG 2.2 compliance (Level A, AA, AAA), (3) focus rings and focus-visible styling, (4) minimum touch-target sizes (24x

  • tailwindcss-advanced-components

    Tailwind CSS advanced component patterns with CVA (class-variance-authority) and variant management. PROACTIVELY activate for: (1) building reusable component variants with CVA, (2) compound variants for complex states, (3) tailwind-merge for safe class composition, (4) clsx/cn utility for condition

  • tailwindcss-advanced-design-systems

    Tailwind CSS advanced design systems with design tokens and @theme configuration. PROACTIVELY activate for: (1) building a design system on Tailwind v4, (2) @theme directive and CSS-first configuration, (3) custom color scales (50-950) and semantic tokens, (4) typography scales and fluid type with c

  • tailwindcss-advanced-layouts

    Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns. PROACTIVELY activate for: (1) building complex layouts with CSS Grid, (2) grid-template-areas via Tailwind v4 arbitrary values, (3) responsive grid (grid-cols-*, auto-fit, minmax), (4) Flexbox patterns (flex-1, flex-gro

  • tailwindcss-animations

    Tailwind CSS animations and transitions including built-in utilities and custom keyframes. PROACTIVELY activate for: (1) animate-* utilities (spin, ping, pulse, bounce), (2) custom @keyframes via @theme animate, (3) transition utilities (transition, duration, ease), (4) transforms (scale, rotate, tr

  • tailwindcss-debugging

    Tailwind CSS debugging and troubleshooting common issues. PROACTIVELY activate for: (1) classes not applying / no styles in browser, (2) JIT mode not picking up dynamic class names (string concatenation), (3) v3-to-v4 migration errors, (4) PostCSS configuration issues, (5) IntelliSense not autocompl

  • tailwindcss-framework-integration

    Tailwind CSS integration with React, Vue, Next.js, Svelte, Angular, and other frameworks. PROACTIVELY activate for: (1) Tailwind in React (Vite, CRA), (2) Tailwind in Next.js (App Router, Pages Router), (3) Tailwind in Vue 3 / Nuxt, (4) Tailwind in SvelteKit, (5) Tailwind in Angular, (6) Tailwind in

  • tailwindcss-fundamentals-v4

    Tailwind CSS v4 fundamentals — installation, CSS-first configuration, and 2025-2026 best practices. PROACTIVELY activate for: (1) installing Tailwind v4 (Vite plugin, PostCSS, CLI), (2) CSS-first configuration with @theme, (3) @import "tailwindcss" syntax, (4) v3-to-v4 migration, (5) new utilities i

  • tailwindcss-mobile-first

    Mobile-first responsive design patterns with Tailwind CSS v4 (2025-2026). PROACTIVELY activate for: (1) mobile-first design with Tailwind breakpoints (sm:, md:, lg:, xl:, 2xl:), (2) responsive utility ordering (default = mobile, then breakpoints), (3) responsive typography (text-base sm:text-lg lg:t

  • tailwindcss-performance

    Tailwind CSS performance optimization including v4 improvements. PROACTIVELY activate for: (1) Tailwind v4 Oxide engine performance, (2) Lightning CSS minification, (3) reducing CSS bundle size, (4) content config tuning to avoid scanning unused files, (5) safelist for dynamic classes (without bloat

  • tailwindcss-plugins

    Tailwind CSS plugins — official plugins and custom plugin development. PROACTIVELY activate for: (1) @tailwindcss/typography (prose), (2) @tailwindcss/forms, (3) @tailwindcss/aspect-ratio (now built-in), (4) @tailwindcss/container-queries, (5) writing custom plugins via plugin() API, (6) addUtilitie

  • tailwindcss-responsive-darkmode

    Tailwind CSS responsive design and dark mode patterns (2025-2026). PROACTIVELY activate for: (1) dark mode setup (class-based vs media-query, dark: variant), (2) toggling dark mode at runtime (data-theme, html.dark), (3) prefers-color-scheme handling, (4) per-component dark variants, (5) responsive

Slash commands (4)

  • /tailwindcss-master:tailwind-component

    Create reusable Tailwind CSS components with proper patterns

  • /tailwindcss-master:tailwind-debug

    Debug Tailwind CSS issues, missing styles, and configuration problems

  • /tailwindcss-master:tailwind-responsive

    Implement responsive designs with breakpoints and mobile-first patterns

  • /tailwindcss-master:tailwind-setup

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

Subagents (1)

  • tailwindcss-expert

    TailwindCSS expert with comprehensive knowledge of v4 CSS-first configuration, responsive design, dark mode, plugins, and framework integration. PROACTIVELY activate for: ANY Tailwind task; v3-to-v4 migration; @theme and @utility authoring; arbitrary values and dynamic class generation; container qu

View source on GitHub

More from JosiahSiegel/claude-plugin-marketplace

All 43 plugins →

Comprehensive Python 3.13+ expertise covering modern Python, async, types, performance, and cloud deployment. PROACTIVELY activate for: (1) any Python task, (2) 3.13+ features (free-threading, JIT), (3) asyncio and concurrency, (4) type hints with mypy/pyright, (5) package management (uv/pip/poetry), (6) project layout, (7) FastAPI, (8) Pydantic, (9) pytest, (10) Cloudflare Workers/Containers Python, (11) GitHub Actions workflows, (12) profiling, (13) OWASP security, (14) Ruff linting. Provides: production patterns, memory profiling, dataclass vs Pydantic guidance.

13 skills · 2 commands · 1 agent

61

Expert bash/shell scripting across all platforms with Bash 5.3 and 2025 security-first practices. PROACTIVELY activate for: (1) any bash/shell task, (2) Bash 5.3 features (in-shell substitution, BASH_TRAPSIG), (3) security-first patterns (input validation, HISTFILE), (4) ShellCheck v0.11 validation, (5) CI/CD and container-aware scripting, (6) debugging and profiling. Provides: Bash 5.3 reference, ShellCheck rules, Google Shell Style, POSIX.1-2024 compliance, cross-platform patterns, and cloud/CI helpers.

10 skills · 4 commands · 1 agent

61

Documentation diagnostic, Markdown style, and ADR expert. Diagnostic-first: refuses to write ADRs for non-decisions and routes the rest to the right home (RFC / Diátaxis / runbook / code comment). Co-drafts ADRs with zero-hallucination discovery, scripted push-back, line-by-line audit of legacy ADRs, and canonical-C4 LikeC4 diagrams. Folder-level audits classify every doc as KEEP / MERGE / REWRITE / DELETE / MOVE / BACKFILL-ADR — the last surfaces past architectural decisions that were never recorded (shipped commits, migrations, retired vendors), retroactively recorded via adr-backfill with a mandatory honesty clause and two-locator evidence. Two-pass Markdown lint over any .md file: canonical syntax (Markdown Guide) plus opinionated style (Google Markdown style guide), per-finding with rule citations.

8 skills · 6 commands · 1 agent

61

Expert fal.ai generative media platform with 600+ AI models (FLUX.2, GPT-Image 1.5, Veo 3.1, Sora 2, Kling 2.6, Recraft V3), client libraries, and serverless deployment. PROACTIVELY activate for: (1) any fal.ai task, (2) image generation, (3) FLUX Kontext editing, (4) video generation, (5) native audio in video, (6) image-to-video pipelines, (7) real-time WebSocket streaming, (8) queue-based execution, (9) serverless deployment (fal.App), (10) GPU compute (T4-B200), (11) JS/TS and Python integration, (12) storage and volumes, (13) cost optimization. Provides: model catalog, client patterns, webhooks, rate limiting.

10 skills · 4 commands · 1 agent

61

Core FFmpeg encoding, transcoding, diagnostics, audio, subtitles, analysis, restoration, codec selection, and hardware acceleration. PROACTIVELY activate for FFmpeg command syntax, H.264/H.265/AV1/VVC encoding, NVENC/QSV/VAAPI/Vulkan, loudnorm/audio work, subtitle burn-in/extraction, ffprobe analysis, deinterlacing, denoise, stabilization, and quality troubleshooting.

10 skills · 3 commands · 1 agent

61

Comprehensive Next.js 15 expertise covering App Router, Server Components, Server Actions, caching, middleware, and deployment. PROACTIVELY activate for: (1) any Next.js task, (2) App Router (layouts/pages/loading/error), (3) Server and Client Components, (4) Server Actions, (5) data fetching and caching, (6) Route Handlers, (7) middleware (auth/i18n/redirects), (8) dynamic and parallel routes, (9) NextAuth.js, (10) deployment (Vercel/Docker/static). Provides: file conventions, useActionState patterns, cache invalidation (revalidatePath/Tag).

9 skills · 4 commands · 1 agent

61

Similar plugins

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

expo

claude

Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.

23 skills · 1 MCP server

anthropics/claude-plugins-official 47,076

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

21st

claudecodex

Find UI components and themes, retrieve their code, and use hosted 21st AI when enabled.

1 skill · 1 MCP server

21st-dev/magic-mcp 6,478

Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).

2 skills · 14 commands

Manavarya09/design-extract 5,068

UI/UX design intelligence. Searchable local database with 84 styles, 192 palettes, 74 font pairings, 25 charts, and 22 stacks (React, Next.js, Vue, Nuxt.js, Nuxt UI, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP, Three.js). Use when designing, building, or reviewing UI: pages, components, color schemes, typography, layout, accessibility, animation, or data visualization.

nyldn/claude-octopus 4,439

Maintain tailwindcss-master?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins43 plugins