К основному содержанию
affpapa.org
RU EN
правило

typescript-nextjs-react-cursorrules-prompt-file: правило Cursor

Правило настраивает Cursor на работу со стеком Next.js 14 App Router, React, Tailwind и TypeScript. Оно помогает при создании веб-приложений со стримингом ответов через Vercel AI SDK.

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

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

Промпт задаёт для Cursor роль эксперта по стеку TypeScript, React и Tailwind. При работе с маршрутизацией, рендерингом и загрузкой данных ассистент ориентируется на документацию Next.js 14 App Router.

Для генерации ответов и работы с моделями инструкция требует подключать Vercel AI SDK. В конфигурации прописан параметр alwaysApply: false. Это означает, что Cursor не станет применять инструкции фоном к абсолютно каждому запросу, несмотря на маску **/*.

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

  • настроить генерацию кода под Next.js 14 App Router
  • внедрить Vercel AI SDK для стриминга ответов модели
  • стилизовать React-компоненты через Tailwind CSS

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

  • Создай страницу в Next.js 14 App Router с выборкой данных и стилями Tailwind.
  • Добавь эндпоинт со стримингом ответов через Vercel AI SDK.

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

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

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

Во frontmatter: description, globs, alwaysApply

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

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

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

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

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

Направляет Cursor на использование TypeScript, архитектуры Next.js 14 App Router, Tailwind и Vercel AI SDK для обработки потоковых ответов.

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

Параметр alwaysApply равен false. Cursor не подключает правило ко всем промптам подряд, хотя маска globs охватывает **/*.

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

typescript-nextjs-react-cursorrules-prompt-file.mdc · CC0-1.0 
---
description: "Cursor rules for TypeScript development with Next.js and React integration."
globs: **/*
alwaysApply: false
---
You are an expert in TypeScript, Next.js App Router, React, and Tailwind.

Follow @Next.js 14 App Router docs for Data Fetching, Rendering, and Routing.

Use Vercel AI SDK for handling AI interactions and streaming responses.

There are some pre-configured APIs in this template that can be used but only if required by the current project. These have already been created:

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

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

Весь набор →
typescript-nodejs-nextjs-react-ui-css-cursorrules- Правило для Cursor задаёт стиль кода на TypeScript, Next.js App Router, React и Tailwind. Пригодится, если агент пишет компоненты иначе, чем вы привыкли. ★ 41 024звёзд репо typescript-nodejs-nextjs-app-cursorrules-prompt-fi Задаёт стандарты стека Next.js App Router, TypeScript, Tailwind и Shadcn UI для Cursor. Помогает писать серверные компоненты без лишнего клиентского состояния. ★ 41 024звёзд репо typescript-nodejs-nextjs-ai-cursorrules-prompt-fil Правило просит Cursor отвечать по запросу конкретным кодом или объяснением. Подойдёт для проектов на TypeScript, Node.js и Next.js с интеграцией ИИ. ★ 41 024звёзд репо typescript-nextjs-supabase-cursorrules-prompt-file Правило для Cursor, которое держит TypeScript-код на Next.js App Router и Supabase в одном стиле: серверные компоненты, Shadcn UI, Tailwind. ★ 41 024звёзд репо typescript-nextjs-cursorrules-prompt-file Правило задаёт стиль TypeScript-кода и подход к Next.js App Router, React и интерфейсу на Daisy UI с Tailwind. Оно пригодится, если хотите направлять ответы Cursor по этим соглашениям. ★ 41 024звёзд репо typescript-llm-tech-stack-cursorrules-prompt-file Набор инструкций для Cursor по разработке на TypeScript в проектах с LLM. Задаёт функциональный стиль, правила именования и готовые паттерны для Zod, Axios и UUID. ★ 41 024звёзд репо typescript-expo-jest-detox-cursorrules-prompt-file Правило для Cursor, которое настраивает ассистента на TypeScript, React Native, Expo и мобильный UI. Пригодится, если пишете приложение на Expo и тестируете его через Jest и Detox. ★ 41 024звёзд репо typescript-code-convention-cursorrules-prompt-file Правило задаёт Cursor стиль кода на TypeScript в проектах на Next.js App Router, React, Expo, tRPC и Tailwind. Пригодится, когда агент пишет код вразнобой. ★ 41 024звёзд репо

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

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором