К основному содержанию
правило

nextjs-material-ui-tailwind-css-cursorrules-prompt

Правило задаёт стек Next.js с TypeScript, Tailwind CSS, Material UI и App Router. Подходит для проектов, где эти библиотеки уже выбраны.

Установить в Cursor · Вручную: положить файлы Все способы и платформы ↓
.cursor/rules/nextjs-material-ui-tailwind-css-cursorrules-prompt.mdc
Открыть на GitHub

Что делает 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

По шагам, с командами для каждой платформы: 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

Похожие правила IDE

Все правила IDE по теме «Фронтенд и UI» →
winui3 официальный github Правило задаёт рекомендации для WinUI 3 и Windows App SDK: от XAML и потоков до окон и MVVM. Пригодится, чтобы Copilot учитывал особенности настольных приложений Windows. ★ 40 451звёзд репо vue официальный github Правило задаёт Copilot стандарты Vue 3: Composition API, <script setup>, реактивность, Pinia и Vue Router. Пригодится, когда агент пишет компоненты в вашем стиле. ★ 40 451звёзд репо tanstack-start-shadcn-tailwind официальный github Правило задаёт Copilot стек TanStack Start, Shadcn/ui и Tailwind CSS и требует валидировать внешние данные через Zod. ★ 40 451звёзд репо tailwind-v4-vite официальный github Правило помогает подключить Tailwind CSS v4 к проекту на Vite через официальный плагин. Пригодится и для новой установки, и при переходе с v3. ★ 40 451звёзд репо svelte официальный github Направляет GitHub Copilot на стандарты Svelte 5 и SvelteKit 2: руны вместо старых сторов, типизация компонентов и безопасная работа с SSR. ★ 40 451звёзд репо power-bi-custom-visuals-development официальный github Правило для GitHub Copilot, которое подсказывает агенту, как писать кастомные визуалы Power BI на React, D3.js и TypeScript. ★ 40 451звёзд репо

Из того же набора140

nextjs-tanstack-query-cursorrules-prompt-file Правило задаёт паттерны для Next.js App Router и TanStack Query v5: гидратация кэша, Server Actions и оптимистичные обновления. ★ 41 024звёзд репо nextjs-tailwind-typescript-apps-cursorrules-prompt Правило для Cursor, которое настраивает ассистента на Next.js, Tailwind CSS и TypeScript. Оно задаёт порядок работы: сначала план в псевдокоде, потом код. ★ 41 024звёзд репо nextjs-seo-dev-cursorrules-prompt-file Правило задаёт Cursor контекст для разработки Next.js с SEO-ориентиром, комментариями и фиксированными настройками проекта. ★ 41 024звёзд репо nextjs-react-typescript-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту стиль кода в проектах на Next.js 14 App Router, React и TypeScript. ★ 41 024звёзд репо nextjs-app-router-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту привычки Next.js App Router: серверные компоненты по умолчанию, файловый роутинг, отдельные файлы для загрузки и ошибок. ★ 41 024звёзд репо network-troubleshoot Правило ведёт агента через безопасную диагностику сетевых сбоев: от сбора ошибки до проверки результата. ★ 41 024звёзд репо netlify-official-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту официальные соглашения Netlify: типы функций, работа с окружением и запрет лишних CORS-заголовков. ★ 41 024звёзд репо nativescript Правило задаёт практики для NativeScript-приложений на TypeScript, Vue и других поддержанных стеках. Пригодится для мобильного UI и нативного кода. ★ 41 024звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой