Initial commit

skills/testing/playwright-e2e-automation/templates/configs/postcss-tailwind-v3.js

@@ -0,0 +1,16 @@
+/**
+ * PostCSS Configuration for Tailwind CSS v3
+ *
+ * Compatible with: Tailwind CSS >=3.0.0 <4.0.0
+ * Generated by: playwright-e2e-automation skill
+ */
+
+export default {
+  plugins: {
+    // Tailwind CSS v3 uses 'tailwindcss' as plugin name
+    tailwindcss: {},
+
+    // Autoprefixer adds vendor prefixes for browser compatibility
+    autoprefixer: {},
+  },
+};

skills/testing/playwright-e2e-automation/templates/configs/postcss-tailwind-v4.js

@@ -0,0 +1,24 @@
+/**
+ * PostCSS Configuration for Tailwind CSS v4
+ *
+ * Compatible with: Tailwind CSS >=4.0.0
+ *
+ * Breaking changes from v3:
+ * - Plugin name changed from 'tailwindcss' to '@tailwindcss/postcss'
+ * - Improved performance with new architecture
+ * - Better integration with build tools
+ *
+ * Migration guide: https://tailwindcss.com/docs/upgrade-guide
+ * Generated by: playwright-e2e-automation skill
+ */
+
+export default {
+  plugins: {
+    // Tailwind CSS v4 uses '@tailwindcss/postcss' as plugin name
+    // This is a BREAKING CHANGE from v3
+    '@tailwindcss/postcss': {},
+
+    // Autoprefixer adds vendor prefixes for browser compatibility
+    autoprefixer: {},
+  },
+};