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

nextjs-typescript-cursorrules-prompt-file — правило для Cursor

Правило для Cursor задаёт стек Next.js с TypeScript и порядок работы агента: план, стиль кода, формат ответа. Пригодится, если вы пишете фронтенд на Next.js.

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

Что делает nextjs-typescript-cursorrules-prompt-file

Файл описывает стек проекта: Next.js на React, TypeScript, компоненты shadcn/ui на примитивах Radix UI, стили Tailwind CSS, иконки Lucide React. Серверная часть — API Routes внутри Next.js, тоже на TypeScript. Для работы с LLM заложена обёртка на Python и эндпоинт, который связывает фронтенд с ней. Способ деплоя в правиле не зафиксирован.

Дальше идут требования к стилю. Каждый файл начинается с однострочного комментария с путём и именем. Комментарии объясняют назначение, а эффект — только когда он неочевиден. Агент показывает короткий план по шагам, доводит один файл до конца и лишь потом берётся за следующий, а незаконченное помечает TODO:. Вместо правки кусками правило требует вернуть файл целиком.

Ответ строится по шаблону: строка с языком и ролью эксперта, список библиотек, требования, затем план. В конце — сжатая история сессии, дерево исходников и следующая задача. Детализацию кода можно задавать меткой V=[0-3], от гольфа до многословного варианта с вынесенными функциями. Правило подключается с alwaysApply: false, поэтому в Cursor его нужно привязать к globs **/* или вызывать вручную — иначе оно не сработает.

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

  • задать агенту единый стек Next.js и TypeScript
  • получать план до начала правок
  • дозировать подробность кода меткой V
  • заканчивать один файл перед переходом к другому
  • помечать незавершённые места через TODO

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

  • Настрой правило для Next.js и TypeScript, дальше пиши компонент формы на shadcn/ui
  • Сделай API route для загрузки файла, V=1
  • Продолжи с того места, где остановился

Как установить nextjs-typescript-cursorrules-prompt-file

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

.cursor/rules/nextjs-typescript-cursorrules-prompt-file.mdc

Во frontmatter: description, globs, alwaysApply

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

Вопросы о nextjs-typescript-cursorrules-prompt-file

Как установить nextjs-typescript-cursorrules-prompt-file в Cursor?

Положите файл по пути .cursor/rules/nextjs-typescript-cursorrules-prompt-file.mdc в корне проекта.

Что делает это правило?

Описывает стек Next.js с TypeScript и shadcn/ui и задаёт порядок работы агента: план по шагам, стиль комментариев, формат ответа с историей и деревом файлов.

Почему правило не применяется само?

В нём стоит alwaysApply: false, поэтому в Cursor его нужно привязать к globs **/* или вызывать вручную.

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

nextjs-typescript-cursorrules-prompt-file.mdc · CC0-1.0
---
description: "Cursor rules for Next.js development with TypeScript integration."
globs: **/*
alwaysApply: false
---
ASSISTANT RULES

Holistic understanding of requirements & stack
Don’t apologize for errors: fix them
You may ask about stack assumptions if writing code

TECHNOLOGY STACK

Frontend:
- Framework: Next.js (React)
- Language: TypeScript
- UI Components: shadcn/ui (based on Radix UI primitives)
- Styling: Tailwind CSS
- Icons: Lucide React

Backend:
- Framework: Next.js API Routes (for serverless functions)
- Language: TypeScript (for API routes)

LLM Integration:
- Python wrapper for LLM interaction
- API endpoint to connect frontend with Python backend

Deployment:
- To be determined

CODING STYLE

Code must start with path/filename as a one-line comment
Comments MUST describe mainly purpose, but also effect when necessary
Prioritize modularity, DRY, performance, and security

CODING PROCESS

Show concise step-by-step reasoning
Prioritize tasks/steps you’ll address in each response
Finish one file before the next
If you can’t finish code, add TODO: comments
If needed, interrupt yourself and ask to continue

EDITING CODE (prioritized choices)

Return completely edited file

VERBOSITY: I may use V=[0-3] to define code detail:
V=0 code golf
V=1 concise
V=2 simple
V=3 verbose, DRY with extracted functions

ASSISTANT_RESPONSE

You are user’s senior, inquisitive, and clever pair programmer. Let’s go step by step:
Unless you’re only answering a quick question, start your response with:

“”"
Language > Specialist: {programming language used} > {the subject matter EXPERT SPECIALIST role}
Includes: CSV list of needed libraries, packages, and key language features if any
Requirements: qualitative description of VERBOSITY, standards, and the software design requirements
Plan
Briefly list your step-by-step plan, including any components that won’t be addressed yet
“”"

Act like the chosen language EXPERT SPECIALIST and respond while following CODING STYLE. If using Jupyter, start now. Remember to add path/filename comment at the top.

Consider the entire chat session, and end your response as follows:

“”"
History: complete, concise, and compressed summary of ALL requirements and ALL code you’ve written
Source Tree: (sample, replace emoji)
(:floppy_disk:=saved: link to file, :warning:=unsaved but named snippet, :ghost:=no filename) file.ext:package: Class (if exists)
(:white_check_mark:=finished, :o:=has TODO, :red_circle:=otherwise incomplete) symbol:red_circle: global symbol
etc.etc.
Next Task: NOT finished=short description of next task FINISHED=list EXPERT SPECIALIST suggestions for enhancements/performance improvements.
“”"

© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules

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

Все правила IDE по теме «Фронтенд и UI» →
nextjs-typescript-tailwindcss-supabase Mindrally Скилл задаёт агенту правила для Next.js 14, TypeScript, TailwindCSS и Supabase: серверные компоненты, обработка ошибок, читаемый код. CX Codex +1 1 300установок nextjs-shadcn laguagu Скилл помогает агенту собрать интерфейс Next.js с shadcn/ui: выбрать шрифты, тему, фон и эффекты под задачу продукта. CX Codex +1 835установок material-ui-nextjs mui Скилл для связки Material UI с Next.js: SSR, кеш Emotion, next/font, CSS-слои, Link и useSearchParams. Пригодится при настройке или отладке MUI в Next.js-приложении. CX Codex +1 727установок nextjs-architecture-expert davila7 Субагент для Claude, который разбирает архитектуру Next.js: App Router, Server Components, миграцию и производительность. 4 935установок shadcn-ui jezweb Ставит и настраивает компоненты shadcn/ui в React-проекте: подбирает их по задаче, следит за порядком установки и зависимостями. CX Codex +1 3 600установок nextjs-app-router-fundamentals wsimmonds Скилл ведёт агента по Next.js App Router: перенос с Pages Router, вложенные layout, метаданные, динамические маршруты. Пригодится при переходе на app/. CX Codex +1 2 200установок

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

playwright-defect-tracking-cursorrules-prompt-file Правило для Cursor: агент пишет тесты Playwright с привязкой к ручным кейсам и собирает доказательства дефектов. ★ 41 011звёзд репо plasticode-telegram-api-cursorrules-prompt-file Правило для Cursor, которое настраивает ассистента на PHP 7.4, Plasticode и Telegram Bot API. Пригодится, если бот пишется на Plasticode и нужен код в стиле PSR-12. ★ 41 011звёзд репо nextjs15-supabase-cursorrules-prompt-file Правило для Cursor, которое держит агента в рамках стека Next.js 15, Supabase и TypeScript strict — от проверки сессии до RLS и ключей Stripe. ★ 41 011звёзд репо nextjs-vercel-typescript-cursorrules-prompt-file Правило для Cursor, которое задаёт стиль кода и структуру проекта на Next.js с TypeScript, Vercel middleware и KV-базой. ★ 41 011звёзд репо nextjs-tailwind-typescript-apps-cursorrules-prompt Правило для Cursor, которое настраивает ассистента на Next.js, Tailwind CSS и TypeScript. Оно задаёт порядок работы: сначала план в псевдокоде, потом код. ★ 41 011звёзд репо nextjs-react-typescript-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту стиль кода в проектах на Next.js 14 App Router, React и TypeScript. ★ 41 011звёзд репо nextjs-app-router-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту привычки Next.js App Router: серверные компоненты по умолчанию, файловый роутинг, отдельные файлы для загрузки и ошибок. ★ 41 011звёзд репо netlify-official-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту официальные соглашения Netlify: типы функций, работа с окружением и запрет лишних CORS-заголовков. ★ 41 011звёзд репо

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

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