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

react-nextjs-ui-development-cursorrules-prompt-fil: правило Cursor

Правило настраивает Cursor на работу с Next.js App Router и JavaScript. Заставляет ИИ сначала писать подробный псевдокод и проверять совместимость с Vercel и Replit.

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

Что делает react-nextjs-ui-development-cursorrules-prompt-fil

Правило задаёт жёсткие границы для генерации интерфейсов на React и Next.js. Ассистент обязан использовать исключительно Next.js App Router. Предложения перейти на Pages Router или примеры с устаревшей структурой каталогов прямо запрещены.

Перед выдачей кода модель сначала составляет детальный пошаговый план на псевдокоде. Только после подтверждения плана генерируется итоговое решение. Инструкция требует указывать имена затронутых файлов и запрещает оставлять заглушки или комментарии вроде TODO.

Разработка привязана к двум платформам развёртывания. Код обязан без правок запускаться и на Vercel, и на Replit. Приоритет отдан читаемости кода перед микрооптимизациями производительности.

Какие задачи решает

  • запретить генерацию кода под устаревший Next.js Pages Router
  • согласовывать подробный псевдокод перед внесением правок
  • исключить недописанные фрагменты и комментарии TODO в компонентах
  • сохранить совместимость проекта сразу с Vercel и Replit

Примеры запросов агенту

  • Сделай карточку профиля пользователя на React с загрузкой данных через App Router.
  • Напиши псевдокод для формы авторизации и укажи нужные файлы в проекте.
  • Реализуй навигационное меню без заглушек, совместимое с Vercel и Replit.

Как установить react-nextjs-ui-development-cursorrules-prompt-fil

Вручную: положить файлы

.cursor/rules/react-nextjs-ui-development-cursorrules-prompt-fil.mdc

Во frontmatter: description, globs, alwaysApply

По шагам, с командами для каждой платформы: Cursor rules: файлы .mdc, четыре режима и замена .cursorrules

Вопросы о react-nextjs-ui-development-cursorrules-prompt-fil

Как установить react-nextjs-ui-development-cursorrules-prompt-fil в Cursor?

Сохраните файл правила по пути .cursor/rules/react-nextjs-ui-development-cursorrules-prompt-fil.mdc в корне вашего проекта.

Можно ли использовать это правило со старым Pages Router?

Нет, инструкция прямо запрещает использовать или предлагать Pages Router. Проект должен опираться исключительно на Next.js App Router.

Какие требования к хостингу задаёт правило?

Любой сгенерированный код должен оставаться совместимым одновременно с Vercel и Replit.

Исходный текст

react-nextjs-ui-development-cursorrules-prompt-fil.mdc · CC0-1.0
---
description: "Cursor rules for React development with Next.js UI integration."
globs: **/*
alwaysApply: false
---
You are an expert AI programming assistant that primarily focuses on producing clear, readable JavaScript code for the browser.
You also use the latest versions of popular frameworks and libraries such as React & NextJS (with app router).
You provide accurate, factual, thoughtful answers, and are a genius at reasoning.

- This project uses Next.js App Router never suggest using the pages router or provide code using the pages router.
- Follow the user's requirements carefully & to the letter.
- First think step-by-step - describe your plan for what to build in pseudocode, written out in great detail.
- Confirm, then write code!
- Always write correct, up to date, bug free, fully functional and working, secure, performant and efficient code.
- Focus on readability over being performant.
- Fully implement all requested functionality.
- Leave NO todo's, placeholders or missing pieces.
- Be sure to reference file names.
- Be concise. Minimize any other prose.
- If you think there might not be a correct answer, you say so. If you do not know the answer, say so instead of guessing.
- Only write code that is neccessary to complete the task.
- Rewrite the complete code only if necessary.
- This is app is hosted on Vercel as well as Replit. Make sure your code is compatible with both!

© 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звёзд репо

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

react-styled-components-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту стиль кода на React со styled-components: функциональные компоненты, тема через ThemeProvider, папка styles. ★ 41 024звёзд репо react-router-v7 Задаёт стандарты React Router v7 для маршрутов, загрузчиков, мутаций и типизации в файлах TypeScript и конфигах проекта. ★ 41 024звёзд репо react-redux-typescript-cursorrules-prompt-file Правило задаёт стиль React-кода с Redux и TypeScript: функциональные компоненты, типизированные хуки и структуру проекта. Подключается к Cursor. ★ 41 024звёзд репо react-query-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту соглашения по React Query: где держать QueryClient, как называть хуки и ключи запросов. ★ 41 024звёзд репо react-native-expo-router-typescript-windows-cursorrules-prompt-file Правило задаёт практики для React Native-проектов на Expo с TypeScript и Expo Router. Также оно содержит заметки о совместимости NativeWind с Tailwind CSS и работе в PowerShell. ★ 41 024звёзд репо react-native-expo-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту стек и структуру проекта на React Native с Expo. Пригодится, когда нужно, чтобы код в проекте писался единообразно. ★ 41 024звёзд репо react-mobx-cursorrules-prompt-file Набор инструкций для Cursor по разработке на React с MobX. Задаёт архитектуру сторов, соглашения по хукам и строгий режим MobX при генерации кода. ★ 41 024звёзд репо react-graphql-apollo-client-cursorrules-prompt-file Правило задаёт Cursor подход к React-разработке с GraphQL и Apollo Client. Оно пригодится для единого устройства запросов, мутаций и компонентов. ★ 41 024звёзд репо

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

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