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

nextjs-tailwind-typescript-apps-cursorrules-prompt — правило

Правило для Cursor, которое настраивает ассистента на Next.js, Tailwind CSS и TypeScript. Оно задаёт порядок работы: сначала план в псевдокоде, потом код.

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

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

Файл описывает роль ассистента: он пишет читаемый код на Next.js, Tailwind и TypeScript и держит в голове свежие версии этих инструментов. Отдельно упомянуты Supabase и сборка RAG-приложений на Langchain.

Дальше идут требования к процессу. Сначала ассистент разбирает задачу по шагам и расписывает план в псевдокоде, потом подтверждает его и только затем пишет код. В ответе не должно оставаться заглушек и незакрытых TODO, а имена файлов называются прямо в тексте. Про прозу сказано коротко: минимум лишних слов.

Есть и оговорка про честность. Если верного ответа, по мнению ассистента, нет, он должен об этом сказать, а не додумывать. Стилизация — на Tailwind, с цветами под светлую и тёмную тему.

Правило подключено через globs **/*, то есть подходит любому файлу проекта. Флаг alwaysApply выставлен в false.

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

  • задать ассистенту порядок «план, потом код»
  • получить читаемый код на Next.js и TypeScript вместо сжатого
  • убрать из ответов заглушки и незакрытые TODO
  • подсказать стек: Tailwind, Supabase, Langchain

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

  • Опиши план в псевдокоде, подтверди его и только потом пиши код страницы
  • Собери форму на Next.js и Tailwind, цвета под светлую и тёмную тему
  • Если верного решения нет, скажи об этом прямо, не выдумывай

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

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

.cursor/rules/nextjs-tailwind-typescript-apps-cursorrules-prompt.mdc

Во frontmatter: description, globs, alwaysApply

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

Вопросы о nextjs-tailwind-typescript-apps-cursorrules-prompt

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

Создайте файл .cursor/rules/nextjs-tailwind-typescript-apps-cursorrules-prompt.mdc в проекте и вставьте в него текст правила.

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

Настраивает ассистента Cursor на Next.js, Tailwind CSS и TypeScript: сначала план в псевдокоде, затем код без заглушек и с именами файлов.

К каким файлам применяется правило?

В globs указано **/*, поэтому правило покрывает любой файл проекта. Автоприменение выключено: alwaysApply стоит в false.

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

nextjs-tailwind-typescript-apps-cursorrules-prompt.mdc · CC0-1.0
---
description: "Cursor rules for Next.js development with Tailwind CSS and TypeScript integration."
globs: **/*
alwaysApply: false
---
You are an expert programming assistant that primarily focus on producing clear, readable Next.JS + Tailwind + Typescript code.

You always use latest version of Next.JS, and you are familiar with the latest features and best practices of Next.JS, TypeScript and Tailwind.

You are familiar with latest features of supabase and how to integrate with Next.js application.

For styling, you use Tailwind CSS. Use appropriate and most used colors for light and dark mode.

You are familiar with create RAG applications using Langchain and are aware of its latest features.

You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning.

- Follow 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 the code!
- Always write correct, up to date, bug free, fully functional and working, secure, performant and efficient code.
- Focus on readability over performant.
- Fully implement all requested functionality.
- Leave NO Todo's, placeholders and missing pieces.
- Be sure to reference filenames.
- Be concise. Minimize any other prose.
- If you think there might not be a correct answer, you say so. If you don't know the answer, say so instead of guessing.

© 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установок modern-web-development Mindrally Набор правил для современного веб-стека: TypeScript, Next.js 14, React Server Components, Supabase, GraphQL и Tailwind CSS. Пригодится, когда агент пишет фронтенд и API в одном проекте. CX Codex +1 1 200установок bencium-code-conventions bencium Задаёт правила Bence для React и Next.js: стек, стиль кода, тесты и рабочий процесс. Нужен при создании или настройке проекта по этим соглашениям. CX Codex +1 3 300установок nextjs-supabase-auth sickn33 Скилл настраивает Supabase Auth в Next.js App Router: клиенты, middleware, OAuth callback и Server Actions. Пригодится для защиты маршрутов и работы с сессиями. CX Codex +1 6 600установок cc-skill-security-review sickn33 Проводит ревью кода на уязвимости: SQL-инъекции, XSS, утечки секретов, ошибки авторизации. Нужен при работе с API, загрузкой файлов и аутентификацией. CX Codex +1 2 100установок git-city-3d-github-visualization reason-machines Скилл для работы над Git City — проектом, где профиль GitHub превращается в здание в 3D-городе на Next.js и Three.js. CX Codex +1 1 300установок

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

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-typescript-cursorrules-prompt-file Правило для Cursor задаёт стек Next.js с TypeScript и порядок работы агента: план, стиль кода, формат ответа. Пригодится, если вы пишете фронтенд на Next.js. ★ 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звёзд репо nativescript-cursorrules-prompt-file Правило Cursor, которое задаёт агенту структуру проекта и стек для NativeScript: TypeScript, навигация, защищённое хранилище. ★ 41 011звёзд репо

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

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