{"enrichment":{"faq":[{"a":"tailwindcss-performance guides you through accelerating Tailwind CSS v4 builds using the Rust-powered Oxide engine and JIT improvements. It covers content detection to eliminate unused styles, safelist strategies for dynamic classes, GPU-accelerated animations, and production minification techniques to keep CSS bundles lean and build times fast.","q":"How does tailwindcss-performance help with tailwind css performance optimization?"},{"a":"The Oxide engine in Tailwind v4 is a Rust-powered compiler that dramatically accelerates build performance compared to earlier JavaScript-based versions. tailwindcss-performance explains how Oxide enables faster JIT compilation, incremental builds, and automatic content detection, making it possible to process large stylesheets and complex projects with minimal overhead.","q":"What is the Oxide engine and how does it improve build speed?"},{"a":"tailwindcss-performance teaches tree-shaking techniques and content configuration tuning to eliminate unused CSS. Key strategies include precise content path configuration, strategic safelist usage for genuinely dynamic classes, theme customization to exclude unused variants, and production build minification. Proper content detection prevents bloat from unused utilities.","q":"How can I reduce tailwind css bundle size effectively?"},{"a":"tailwindcss-performance recommends scanning all template files in your content config to catch static class names automatically. For truly dynamic classes generated at runtime, use safelist sparingly\u2014list only classes you cannot detect statically. Avoid overly broad patterns; be explicit about which dynamic utilities you need to prevent unnecessary CSS generation.","q":"What's the best approach to configure content detection and safelist for dynamic classes?"},{"a":"tailwindcss-performance covers enabling CSS minification in production builds, leveraging Oxide's fast compilation for incremental builds, implementing caching strategies to skip unchanged files, and critical path extraction for above-the-fold content. These techniques work together to reduce final bundle size and improve page load performance in production environments.","q":"Which production build optimization and CSS minification techniques does tailwindcss-performance cover?"},{"a":"tailwindcss-performance explains that GPU-accelerated animations use transform and opacity properties instead of layout-affecting changes. Tailwind's animation utilities are optimized for this; using `transform`, `scale`, and `opacity` variants keeps animations smooth. The guide covers best practices for avoiding jank and ensuring 60fps performance on modern devices.","q":"How can animations and transitions benefit from GPU acceleration in Tailwind?"}],"shadow_tags":["build-speed","bundle-reduction","rust-engine","jit-compilation","css-minification","dynamic-classes","gpu-acceleration","tree-shaking","theme-optimization","production-ready"],"summary_rewrite":"Accelerate Tailwind CSS v4 builds using the Rust-powered Oxide engine and master content detection to eliminate unused styles. Learn safelist strategies for dynamic classes, GPU-accelerated animations, and production minification techniques to keep CSS bundles lean."},"files":[{"bytes":7861,"path":"plugins/tailwindcss-master/skills/tailwindcss-performance/SKILL.md","sha256":"d2f1313074102f55fda0cb9def553d42e816af0eb2bf07f6bb69536922d82c99","url":"https://skillfed.io/files/JosiahSiegel/claude-plugin-marketplace/tailwindcss-performance/b531f0ed/SKILL.md"}],"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-performance","links":{"html":"https://skillfed.io/JosiahSiegel/claude-plugin-marketplace/tailwindcss-performance","md":"https://skillfed.io/JosiahSiegel/claude-plugin-marketplace/tailwindcss-performance.md","repo":"https://github.com/JosiahSiegel/claude-plugin-marketplace"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":10,"language":"Shell","last_updated":"2026-06-18","license":"MIT","name":"tailwindcss-performance","publisher":"JosiahSiegel","stars":49},"relations":{"similar":[{"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-debugging"},{"id":"itzzritik/OrderWorder/tailwind-patterns"},{"id":"liuchiawei/agent-skills/tailwind-patterns"},{"id":"vudovn/ag-kit/tailwind-patterns"},{"id":"bobmatnyc/claude-mpm-skills/tailwind"},{"id":"Tomlord1122/tomtom-skill/tailwind-ssr"},{"id":"martinholovsky/claude-skills-generator/tailwindcss"},{"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-animations"},{"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-fundamentals-v4"},{"id":"a-tokyo/agent-skills/tailwind-v3-to-v4-migration"}]},"slug":{"owner":"JosiahSiegel","repo":"claude-plugin-marketplace","skill":"tailwindcss-performance"},"version":"b531f0ed"}