{"filename":"solidjs-tailwind-cursorrules-prompt-file.mdc","content":"---\ndescription: \"Cursor rules for Solid.js development with Tailwind CSS integration.\"\nglobs: **/*\nalwaysApply: false\n---\n// Solid.js with Tailwind CSS .cursorrules\n\n// Prefer functional components\n\nconst preferFunctionalComponents = true;\n\n// Solid.js and Tailwind CSS best practices\n\nconst solidjsTailwindBestPractices = [\n  \"Use createSignal() for reactive state\",\n  \"Implement Tailwind CSS classes for styling\",\n  \"Utilize @apply directive in CSS files for reusable styles\",\n  \"Implement responsive design using Tailwind's responsive classes\",\n  \"Use Tailwind's configuration file for customization\",\n  \"Implement dark mode using Tailwind's dark variant\",\n];\n\n// Folder structure\n\nconst folderStructure = `\nsrc/\n  components/\n  pages/\n  styles/\n  App.jsx\n  index.jsx\npublic/\n  index.html\ntailwind.config.js\npostcss.config.js\n`;\n\n// Additional instructions\n\nconst additionalInstructions = `\n1. Use JSX for component templates\n2. Implement proper Tailwind CSS purging for production builds\n3. Utilize Solid Router for routing when applicable\n4. Use Tailwind's @layer directive for custom styles\n5. Implement utility-first CSS approach\n6. Follow both Solid.js and Tailwind naming conventions\n7. Use JIT (Just-In-Time) mode for faster development\n`;\n"}