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

typescript-code-convention — правило для Cursor: что делает

Правило задаёт Cursor стиль кода на TypeScript в проектах на Next.js App Router, React, Expo, tRPC и Tailwind. Пригодится, когда агент пишет код вразнобой.

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

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

Правило описывает, как агент должен писать код: соглашения об именах, работу с типами, синтаксис и форматирование, обработку ошибок и валидацию, стилизацию интерфейса. Отдельные блоки посвящены Next.js и Expo — по данным фетчинга, рендерингу и роутингу правило отсылает к их документации.

Внутри — один файл с промптом. Агент объявлен экспертом в TypeScript, Node.js, Next.js App Router, React, Expo, tRPC, Shadcn UI, Radix UI и Tailwind, и на этот стек рассчитаны все разделы. Если ваш проект на другом фреймворке, советы по структуре и роутингу будут мимо.

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

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

  • задать единый стиль кода для агента в TypeScript-проекте
  • договориться об именах переменных и типов до генерации кода
  • получать валидацию и обработку ошибок в одном виде
  • согласовать работу с Tailwind и Radix UI в компонентах
  • подтянуть практики Next.js App Router при генерации страниц

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

  • Сгенерируй компонент формы на React с валидацией по правилам проекта
  • Перепиши этот файл под соглашения об именах из правила
  • Добавь обработку ошибок в этот tRPC-роут так, как принято в проекте

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

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

.cursor/rules/typescript-code-convention-cursorrules-prompt-file.mdc

Во frontmatter: description, globs, alwaysApply

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

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

typescript Правило задаёт агенту Cursor единый стиль TypeScript: типы, имена, обработку ошибок. Пригодится, когда в проекте несколько разработчиков и код пишется вперемешку. ★ 41 011звёзд репо typescript-vite-tailwind-cursorrules-prompt-file Правило для Cursor задаёт стиль кода на TypeScript во Vue-проектах со сборкой Vite и стилями Tailwind. Пригодится, когда агент пишет компоненты и вам нужен предсказуемый результат. ★ 41 011звёзд репо typescript-nodejs-nextjs-react-ui-css-cursorrules- Правило для Cursor задаёт стиль кода на TypeScript, Next.js App Router, React и Tailwind. Пригодится, если агент пишет компоненты иначе, чем вы привыкли. ★ 41 011звёзд репо typescript-nextjs-supabase-cursorrules-prompt-file Правило для Cursor, которое держит TypeScript-код на Next.js App Router и Supabase в одном стиле: серверные компоненты, Shadcn UI, Tailwind. ★ 41 011звёзд репо tauri-svelte-typescript-guide-cursorrules-prompt-f Правило для Cursor, которое задаёт агенту стиль работы с десктопными приложениями на Tauri: Svelte во фронтенде, TypeScript для типов. ★ 41 011звёзд репо tanstack-router Правило для Cursor, которое задаёт агенту стандарты TanStack Router v1: файловые маршруты, типизация параметров и загрузка данных через loader. ★ 41 011звёзд репо tanstack-query-v5-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту стиль работы с TanStack Query v5: ключи запросов, мутации, оптимистичные обновления, Suspense и префетчинг. ★ 41 011звёзд репо tailwind-react-firebase-cursorrules-prompt-file Правило для Cursor задаёт, как писать мобильное веб-приложение на Tailwind, React и Firebase: сначала мобильная вёрстка, потом остальное. ★ 41 011звёзд репо

Похожие

nextjs-typescript-tailwindcss-supabase Mindrally Скилл задаёт агенту правила для Next.js 14, TypeScript, TailwindCSS и Supabase: серверные компоненты, обработка ошибок, читаемый код. CX Codex +1 1 300установок typescript-pro https://github.com/Jeffallan Настраивает строгую типизацию TypeScript, генерирует брендированные типы и связывает tRPC. Пригодится при проектировании надёжных API и сложных generic-структур. CX Codex +1 14 200установок 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установок data-viz-2025 curiositech Скилл для React, Next.js и TypeScript: помогает строить интерактивные графики, дашборды и визуализации на Tailwind CSS. CX Codex +1 304установок breakdown-epic-arch официальный github Готовит высокоуровневую архитектуру Epic по PRD. Подходит командам, которым нужен единый план до начала разработки. 9 000установок

Рядом в теме «Языки программирования»

Все правила IDE по теме «Языки программирования» →

Вопросы о typescript-code-convention-cursorrules-prompt-file

Как установить typescript-code-convention в Cursor?

Создайте файл .cursor/rules/typescript-code-convention-cursorrules-prompt-file.mdc в корне проекта и вставьте в него содержимое правила.

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

Описывает для агента соглашения об именах, работу с типами, форматирование, обработку ошибок и стилизацию в TypeScript-проектах на Next.js, React, Expo и tRPC.

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

В шапке указано alwaysApply: false, поэтому его нужно привязать к файлам через globs или вызвать вручную.

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

typescript-code-convention-cursorrules-prompt-file.mdc · CC0-1.0 
---
description: "Cursor rules for TypeScript development with code convention integration."
globs: **/*
alwaysApply: false
---
You are an expert in TypeScript, Node.js, Next.js App Router, React, Expo, tRPC, Shadcn UI, Radix UI, and Tailwind.

Code Style and Structure:

Naming Conventions:
TypeScript Usage:
Syntax and Formatting:
Error Handling and Validation:
UI and Styling:
Key Conventions:
Performance Optimization:

Next.js Specific:
Expo Specific:
Follow Next.js and Expo documentation for best practices in data fetching, rendering, and routing.

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

Смотрите также

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

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

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