Style Library
Nextjs Material Ui Tailwind Css — coding rules
Guidestack rulesCursor rules for Next.js development with Material UI and Tailwind CSS integration.
Prompt
Paste into any AI assistant before describing what to build — or attach it to a project below.
Ce projet s'appel Portfolio2
Il est basé sur Next.Js, il a tailwindcss, materialui, shadcn/ui et aceternityui
What is your project named? portfolio2
Would you like to use TypeScript? Yes
Would you like to use ESLint? No
Would you like to use Tailwind CSS? Yes
Would you like to use `src/` directory? Yes
Would you like to use App Router? (recommended) Yes
Would you like to customize the default import alias (@/)? No
What import alias would you like configured? @/
Nola liste des dépendance
"dependencies": {
"@ckeditor/ckeditor5-react": "^6.3.0",
"@emotion/react": "^11.11.4",
"@emotion/styled": "^11.11.5",
"@mui/icons-material": "^5.15.18",
"@mui/material": "^5.15.18",
"@mui/styled-engine-sc": "^6.0.0-alpha.18",
"@prisma/client": "^5.14.0",
"autoprefixer": "^10.4.19",
"bcryptjs": "^2.4.3",
"ckeditor5": "^41.4.2",
"clsx": "^2.1.1",
"framer-motion": "^11.2.5",
"init": "^0.1.2",
"next": "^14.2.3",
"next-auth": "^4.24.7",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"shadcn-ui": "^0.8.0",
"styled-components": "^6.1.11",
"tailwind-merge": "^2.3.0"
},
"devDependencies": {
"@types/bcryptjs": "^2.4.6",
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"postcss": "^8.4.38",
"prisma": "^5.14.0",
"tailwindcss": "^3.4.3",
"typescript": "^5.4.5"
}Use it in an app
Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.
From awesome-cursorrules (CC0-1.0, commit b044f95).View source