nextjs-material-ui-tailwind-css-cursorrules-prompt
Правило задаёт стек Next.js с TypeScript, Tailwind CSS, Material UI и App Router. Подходит для проектов, где эти библиотеки уже выбраны.
.cursor/rules/nextjs-material-ui-tailwind-css-cursorrules-prompt.mdcЧто делает nextjs-material-ui-tailwind-css-cursorrules-prompt
Правило описывает проект на Next.js с TypeScript, Tailwind CSS, Material UI, shadcn/ui и Aceternity UI. Оно задаёт использование src/, App Router и стандартного алиаса импорта @/. Область применения указана как **/*, а автоматическое включение отключено.
Внутри также приведён список зависимостей: @mui/material, @mui/icons-material, @emotion/react, @emotion/styled, framer-motion, next-auth, prisma, @prisma/client, ckeditor5 и других пакетов. Для стилей используется Tailwind CSS 3.4.3, для приложения — Next.js 14.2.3.
В настройках проекта ESLint выбран как No, поэтому это правило не задаёт проверку кода через ESLint. Установите файл в каталог правил Cursor и обращайтесь к агенту с задачами по этому стеку.
Какие задачи решает
- задать стек Next.js для нового проекта
- согласовать Tailwind CSS с Material UI
- настроить
src/и App Router - описать зависимости Prisma и NextAuth
- сохранить алиас импорта
@/
Примеры запросов агенту
- Создай страницу в
src/через App Router, используя Tailwind CSS и компоненты Material UI. - Добавь форму с
@mui/material,@emotion/reactи TypeScript в текущий проект. - Проверь, что новый компонент совместим с Tailwind CSS, shadcn/ui и алиасом
@/.
Как установить nextjs-material-ui-tailwind-css-cursorrules-prompt
Вручную: положить файлы
.cursor/rules/nextjs-material-ui-tailwind-css-cursorrules-prompt.mdcВо frontmatter: description, globs, alwaysApply
Вручную: положить файлы
.claude/rules/nextjs-material-ui-tailwind-css-cursorrules-prompt.mdПоле paths во frontmatter ограничивает файлы: globs из источника → paths
AGENTS.md
Codex читает AGENTS.md: вставьте текст правила туда
Вручную: положить файлы
.github/instructions/nextjs-material-ui-tailwind-css-cursorrules-prompt.instructions.mdПоле applyTo задаёт, к каким файлам применять: globs из источника → applyTo
Вручную: положить файлы
.devin/rules/nextjs-material-ui-tailwind-css-cursorrules-prompt.mdВручную: положить файлы
.clinerules/nextjs-material-ui-tailwind-css-cursorrules-prompt.mdПо шагам, с командами для каждой платформы: Cursor rules: файлы .mdc, четыре режима и замена .cursorrules
Вопросы о nextjs-material-ui-tailwind-css-cursorrules-prompt
Как установить nextjs-material-ui-tailwind-css-cursorrules-prompt в Cursor?
Разместите файл правила по пути .cursor/rules/nextjs-material-ui-tailwind-css-cursorrules-prompt.mdc.
Что делает nextjs-material-ui-tailwind-css-cursorrules-prompt?
Правило направляет работу с проектом Next.js на TypeScript, Tailwind CSS, Material UI, shadcn/ui и Aceternity UI. Оно также фиксирует src/, App Router и алиас @/.
Какие настройки проекта описывает это правило?
В нём указаны Tailwind CSS, src/, App Router и TypeScript. ESLint выбран как No, а автоматическое применение правила отключено.
Исходный текст
nextjs-material-ui-tailwind-css-cursorrules-prompt.mdc · CC0-1.0
---
description: "Cursor rules for Next.js development with Material UI and Tailwind CSS integration."
globs: **/*
alwaysApply: false
---
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"
}
© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules