By JosiahSiegel
Build modern, accessible, performant UIs with Tailwind CSS v4 using CSS-first configuration, mobile-first responsive design, WCAG 2.2 patterns, dark mode, and performance optimization. Includes setup for React, Next.js, Vue, Astro, and migration from v3 to v4.
Uses power tools
Uses Bash, Write, or Edit tools
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Create reusable Tailwind CSS components with proper patterns
Debug Tailwind CSS issues, missing styles, and configuration problems
Implement responsive designs with breakpoints and mobile-first patterns
Set up Tailwind CSS v4 with optimal configuration for your project and framework
Tailwind CSS accessibility patterns including WCAG 2.2 compliance, touch targets, focus management, and ARIA support
Tailwind CSS advanced component patterns with CVA integration and variant management
Tailwind CSS advanced design systems with design tokens and @theme configuration
Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns
Tailwind CSS animations and transitions including built-in utilities and custom animation patterns
A curated collection of Claude Code plugins for plugin development, context optimization, cloud infrastructure, DevOps automation, and productivity tools
1. Add this marketplace:
/plugin marketplace add JosiahSiegel/claude-plugin-marketplace
2. Install any plugin:
/plugin install <plugin-name>@claude-plugin-marketplace
3. Browse available plugins below and install what you need!
v2.2.0 (Docs) - Complete plugin development with Agent Skills, hooks, MCP integration, testing, and Git Bash/Windows compatibilityv2.2.0 (Docs) - Universal context management with Windows/Git Bash support and cross-platform file operation guidancev1.1.0 (Docs) - Azure cloud with 2025 features, Git Bash/Windows CLI compatibility, and ARM/Bicep cross-platform deploymentsv1.2.0 (Docs) - Azure-to-Docker migration with Git Bash volume mount fixes and cross-platform Docker Composev1.7.0 (Docs) - Terraform with Git Bash path handling, shell detection, and cross-platform state operationsv1.5.0 (Docs) - Docker with Git Bash volume mount fixes, MINGW path conversion solutions, and Windows compatibilityv1.5.0 (Docs) - Azure DevOps with Git Bash agent compatibility, Windows pipeline patterns, and shell detectionv1.5.0 (Docs) - Git 2.51 with Git Bash path conversion, stash import/export, and shell detection patternsv1.5.0 (Docs) - Bash 5.3 with comprehensive Git Bash/MINGW path conversion, shell detection, and Claude Code issue #2602 solutionsv1.5.0 (Docs) - PowerShell with comprehensive shell detection (PowerShell vs Git Bash), cross-shell compatibility, and Windows environment expertisev1.6.0 (Docs) - Vitest 4.0 + Playwright 1.56 AI agents with Windows/Git Bash test execution compatibility and cross-platform testingv1.0.0 (Docs) - .NET microservices architecture expert with Docker, DDD, CQRS, and cloud-native patterns based on Microsoft's official guidev1.0.0 (Docs) - Python 3.13+ expertise with free-threading, JIT, asyncio, type hints, FastAPI, uv package management, pytest, and Cloudflare deploymentv1.0.0 (Docs) - React 19 expertise with Server/Client Components, hooks, state management, TypeScript, and testing patternsv1.0.0 (Docs) - Next.js 15 expertise with App Router, Server Actions, caching, middleware, NextAuth.js, and deploymentv1.0.0 (Docs) - Tailwind CSS v4 expertise with CSS-first configuration, responsive design, dark mode, and framework integrationv1.0.0 (Docs) - FFmpeg expertise with video/audio encoding, hardware acceleration, streaming, Docker, and Cloudflare deploymentv1.6.0 (Docs) - SQL Server with Git Bash SqlPackage compatibility, path conversion for database deployments, and Windows shell detectionv3.3.0 (Docs) - Azure Data Factory with Git Bash npm build fixes, Windows CI/CD compatibility, and cross-platform deployment scriptsnpx claudepluginhub josiahsiegel/claude-plugin-marketplace --plugin tailwindcss-masterComplete PowerShell 7.5/7.6 expertise system across ALL platforms (Windows/Linux/macOS) with 2025 breaking changes coverage, shell detection, and modern automation. PROACTIVELY activate for: (1) ANY PowerShell task (scripts/modules/cmdlets), (2) PowerShell 7.5.4 stable features (ConvertTo-CliXml, Test-Path -OlderThan/-NewerThan, .NET 9), (3) PowerShell 7.6 preview features (+= 16x optimization, Get-Clipboard -Delimiter, Get-Command -ExcludeModule, DSC v3, .NET 10), (4) 2025 migrations (MSOnline/AzureAD retirement, PowerShell 2.0 removal, WMIC replacement), (5) Modern security (SecretManagement, JEA, WDAC, Constrained Language Mode), (6) PSResourceGet 1.1.1/1.2.0 package management (2x faster than PowerShellGet), (7) CI/CD automation (GitHub Actions/Azure DevOps/GitLab), (8) Azure Az and Microsoft.Graph automation, (9) Cross-platform scripting with .NET 9/10 performance, (10) Shell detection and cross-shell compatibility (PowerShell vs Git Bash/MSYS2). Provides: PowerShell 7.5.4 stable / 7.6.0-preview.6 features, 2025 breaking changes guidance, MSOnline/AzureAD to Microsoft.Graph migration paths, WMIC to Get-CimInstance conversions, PSResourceGet adoption patterns, SecretManagement vault setup, Pester testing with coverage, module development best practices, latest security patterns (JEA, WDAC), shell detection on Windows, and production-ready 2025-2026 automation patterns.
Comprehensive Python 3.13+ expertise system covering modern Python development, async programming, type hints, performance optimization, Modal.com serverless, OpenCV computer vision, FFmpeg video/audio processing, video pipeline integration, and cloud deployment. PROACTIVELY activate for: (1) ANY Python task, (2) Python 3.13+ features (free-threading, JIT), (3) asyncio and concurrent programming, (4) Type hints and mypy/pyright, (5) Package management (uv, pip, poetry), (6) Project structure (src layout, pyproject.toml), (7) FastAPI and web development, (8) Pydantic data validation, (9) Testing (pytest, coverage), (10) Cloudflare Workers/Containers Python, (11) GitHub Actions Python workflows, (12) Performance optimization and profiling, (13) Security best practices (OWASP), (14) Ruff linting and formatting, (15) Modal.com serverless functions and GPU workloads, (16) Modal scheduled tasks and cron jobs, (17) Modal parallel processing with map/starmap, (18) OpenCV image/video processing, (19) cv2.imread cv2.VideoCapture BGR color format, (20) Computer vision contours edge detection, (21) OpenCV DNN deep learning inference, (22) FFmpeg video encoding H.264 H.265 VP9 AV1, (23) ffmpeg-python filter graphs audio extraction, (24) PyAV frame-level video processing, (25) Video transcoding CRF presets hardware acceleration, (26) Audio conversion MP3 AAC FLAC Opus, (27) HLS DASH RTMP streaming protocols, (28) Video thumbnails GIF creation concatenation, (29) Subprocess FFmpeg deadlock prevention, (30) FFmpeg OpenCV integration pipeline, (31) Modal video processing parallel map starmap, (32) ffmpegcv GPU video reader writer, (33) VidGear RTSP streaming camera capture, (34) Decord batch video loading deep learning, (35) Video chunk parallel processing serverless, (36) BGR RGB color format conversion gotchas, (37) Frame dimension HWC CHW numpy transpose. Provides: Python 3.13 free-threading and JIT, asyncio patterns, comprehensive type hints, uv package management, FastAPI production patterns, Pydantic vs dataclass guidance, pytest testing, Cloudflare Python optimization, GitHub Actions caching, memory profiling, security hardening, Modal.com type-safe functions and ML inference patterns, OpenCV BGR/RGB conversion gotchas, video capture memory management, image filtering and transformations, feature detection and matching, DNN module inference, FFmpeg audio stream preservation gotchas, CRF encoding quality control, hardware acceleration NVENC QSV VAAPI, ffprobe metadata extraction, video filter chains, FFmpeg+OpenCV+Modal integration patterns, parallel frame processing with Modal map/starmap, GPU-accelerated video pipelines, chunk-based large video processing, HLS streaming generation on Modal.
Universal context management and planning system. PROACTIVELY activate for: (1) ANY complex task requiring planning, (2) Multi-file projects/websites/apps, (3) Architecture decisions, (4) Research tasks, (5) Refactoring, (6) Long coding sessions, (7) Tasks with 3+ sequential steps. Provides: optimal file creation order, context-efficient workflows, extended thinking delegation (23x context efficiency), Claude Sonnet 4.5 token budgeting, recursive delegation patterns, clear-and-verify production workflows, passive deep analysis architecture, progressive task decomposition, cross-platform Windows/Git Bash support, and prevents redundant work. Saves 62% context on average. Essential for maintaining session performance and analytical depth.
Complete Salesforce expertise system across ALL platforms and integration scenarios with Windows/Git Bash compatibility. PROACTIVELY activate for: (1) ANY Salesforce task (API/data/Apex/Lightning/Flow), (2) SOQL/SOSL query design and optimization, (3) REST/SOAP API integration and authentication, (4) Apex development (classes/triggers/batch/scheduled) with Spring '25 features, (5) Lightning Web Components with lightning/graphql module and Aura development, (6) Data model design and schema management (objects/fields/relationships), (7) Integration patterns (source-to-Salesforce, Salesforce-to-target), (8) Deployment and metadata management (change sets/SFDX/CLI) with Windows/Git Bash path handling, (9) Security model implementation (profiles/permissions/sharing), (10) Flow/Process Builder/Flow Orchestrator automation, (11) Agentforce 2.0 AI agents and autonomous automation, (12) Data Cloud Vector Database with semantic search, (13) Hyperforce public cloud architecture. Provides: comprehensive SFDC object schema knowledge (standard/custom objects, all fields, relationships), complete API reference (REST/SOAP/Bulk/Streaming) for API 63.0/64.0, Apex language mastery with Compression and FormulaEval namespaces (Spring '25 GA), Lightning platform expertise with Winter '26 GraphQL updates and SLDS 2.0 dark mode, SOQL/SOSL optimization, authentication methods (OAuth/JWT/Session), limits and best practices, governor limits handling, integration patterns (ETL/real-time/batch/Data Cloud), metadata API operations, SFDX CLI commands with cross-platform path conversion (MSYS_NO_PATHCONV, shell detection, cygpath), version-specific guidance, platform event architecture, Agentforce 2.0 development with LLM Open Connector, Data Cloud Vector Database for unstructured data and hybrid search, Flow Orchestrator multi-user workflows, Hyperforce cloud-native architecture, and Windows Git Bash/MINGW compatibility for SF CLI deployments. Ensures production-ready, scalable, secure Salesforce solutions following Spring '25/Summer '25 best practices and Well-Architected Framework.
Complete Azure-to-Docker migration system for local development with 2025 features. PROACTIVELY activate for: (1) ANY Azure-to-Docker migration task, (2) Azure infrastructure extraction and Docker Compose generation, (3) Azure service emulator setup (Azurite 2025-11-05 API, SQL Server 2025 latest, Cosmos DB vnext Linux, Service Bus official emulator), (4) Local development with Docker Compose Watch mode (hot reload), (5) Database export from Azure SQL/PostgreSQL/MySQL to Docker, (6) Dockerfile generation from Azure App Service configurations, (7) Multi-container orchestration with proper networking and dependencies, (8) Production-ready Docker Compose with health checks and runtime secrets, (9) Azure service mapping (App Service/SQL/Storage/Redis/Cosmos/Service Bus), (10) Development-to-production parity with Azure emulators. Provides: Azure resource extraction and analysis, complete Docker Compose generation with 2025 best practices, Azure emulator configuration (Azurite with latest API, SQL Server 2025 with Vector Search, Cosmos DB vnext Linux-based, official Service Bus emulator), Docker Compose Watch mode for hot reload, database export automation, App Service to Dockerfile conversion, service dependency mapping, network isolation patterns, volume management strategies, environment variable templating, health check implementation, resource limit configuration, security hardening (non-root users, read-only filesystems, capability drops, runtime-only secrets), development override patterns with watch mode, and Azure-to-Docker best practices. Ensures production-ready local development environments that mirror Azure infrastructure with instant hot reload capabilities.
Comprehensive Next.js 15.5/16 expertise system covering App Router, Server Components, Server Actions, Cache Components ('use cache'), Turbopack, middleware/proxy.ts, View Transitions, Modal.com integration, and deployment. PROACTIVELY activate for: (1) ANY Next.js task, (2) App Router layouts/pages/loading/error, (3) Server Components and Client Components, (4) Server Actions with next-safe-action, (5) Cache Components with 'use cache' directive, (6) Route Handlers (API routes) with async params, (7) Middleware (Edge) and proxy.ts (Node.js), (8) Dynamic and parallel routes, (9) Authentication with NextAuth.js, (10) Turbopack development and production builds, (11) View Transitions API, (12) Deployment (Vercel, Docker, static export), (13) Modal.com backend integration for AI/GPU workloads, (14) Next.js + Modal webhooks and long-running jobs, (15) File upload processing with Modal. Provides: Next.js 16 complete features, Cache Components, async params migration, proxy.ts patterns, View Transitions, Turbopack config, App Router file conventions, Server/Client Component patterns, Server Actions with useActionState, caching (Data Cache, Full Route Cache, Router Cache), revalidatePath/revalidateTag, middleware patterns, advanced routing (parallel, intercepting), NextAuth.js authentication, deployment strategies, Modal.com integration patterns for AI inference and heavy compute.
Tailwind CSS v4 tools for initialization, auditing, migration, and optimization
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
Expert Tailwind CSS v4.1 - CSS-first configuration, @theme, @utility, @variant, Oxide engine 5x faster, OKLCH colors, container queries, 15 specialized skills
Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming problems. Covers: @theme inline pattern, CSS variable architecture, dark mode with ThemeProvider, component composition, vite.config setup, common v4 gotchas, and production-tested patterns.
Modern React and UI development expertise. Master React 19, Next.js 15, component architecture, state management, performance optimization, and design systems.