{"enrichment":{"faq":[{"a":"tailwindcss-framework-integration provides framework-specific setup instructions for React with Vite, Next.js App Router, Vue 3, Nuxt, SvelteKit, and Astro. Each guide includes configuration files, PostCSS setup, and content path configuration tailored to your framework's build system.","q":"How do I set up Tailwind in my framework?"},{"a":"tailwindcss-framework-integration covers Next.js App Router integration with step-by-step configuration. It includes tailwind.config.js setup, content paths for app and pages directories, and integration with Next.js's built-in CSS support for optimal performance.","q":"How to use Tailwind with Next.js?"},{"a":"tailwindcss-framework-integration recommends using tailwind-merge for class composition and clsx for conditional classes. These tools prevent conflicting utility classes and ensure proper specificity handling across reusable components in any framework.","q":"What's the best way to compose Tailwind classes safely?"},{"a":"tailwindcss-framework-integration includes dark mode setup for each framework, with next-themes integration for Next.js. Configuration covers class-based and system-preference modes, theme switching patterns, and framework-specific storage solutions.","q":"How do I implement dark mode with Tailwind?"},{"a":"tailwindcss-framework-integration outlines reusable component patterns for each framework, including class merging strategies, prop-based styling, and composition techniques. It covers component library setup, documentation, and distribution across React, Vue, Svelte, and other frameworks.","q":"What are Tailwind component library best practices?"},{"a":"tailwindcss-framework-integration provides Astro and Remix-specific guides covering Vite plugin configuration, PostCSS setup, and content paths. Both frameworks integrate Tailwind through standard build pipelines with minimal configuration overhead.","q":"Which Tailwind CSS setup works for Astro and Remix?"}],"shadow_tags":["multi-framework-support","css-utility-framework","build-tool-agnostic","dark-mode-theming","class-composition-utilities","ssr-compatible","component-patterns","developer-tooling","styling-architecture"],"summary_rewrite":"Get framework-specific Tailwind CSS setup instructions covering React with Vite, Next.js App Router, Vue 3, Nuxt, SvelteKit, and Astro. Includes configuration files, dark mode setup, and reusable component patterns for each framework."},"files":[{"bytes":10198,"path":"plugins/tailwindcss-master/skills/tailwindcss-framework-integration/SKILL.md","sha256":"0c4bd20adf7701859bb82b5768ed13c4cf6fcbe827c7a373651e71d71a1e3e3a","url":"https://skillfed.io/files/JosiahSiegel/claude-plugin-marketplace/tailwindcss-framework-integration/609f74bc/SKILL.md"}],"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-framework-integration","links":{"html":"https://skillfed.io/JosiahSiegel/claude-plugin-marketplace/tailwindcss-framework-integration","md":"https://skillfed.io/JosiahSiegel/claude-plugin-marketplace/tailwindcss-framework-integration.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-framework-integration","publisher":"JosiahSiegel","stars":49},"relations":{"similar":[{"id":"bobmatnyc/claude-mpm-skills/tailwind"},{"id":"bytedance/agentkit-samples/byted-util-vite-react-tailwind"},{"id":"AsyrafHussin/agent-skills/tailwind-best-practices"},{"id":"DauQuangThanh/hanoi-rainbow/mockup-creation"},{"id":"Cap-go/capgo-skills/tailwind-capacitor"},{"id":"manutej/luxor-claude-marketplace/tailwind-css"},{"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-performance"},{"id":"ScientiaCapital/skills/frontend-ui-skill"},{"id":"ruchernchong/claude-kit/heroui"},{"id":"skills-il/localization/hebrew-tailwind-preset"}]},"slug":{"owner":"JosiahSiegel","repo":"claude-plugin-marketplace","skill":"tailwindcss-framework-integration"},"version":"609f74bc"}