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

typescript — правило для Cursor: стандарты TypeScript в проекте

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

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

Что делает typescript

Правило описывает, как писать типы: интерфейсы для объектов, type для объединений и mapped-типов, unknown вместо any. Строгий режим в tsconfig.json — часть требований, а не совет.

Имена тоже зафиксированы: PascalCase для типов, camelCase для переменных и функций, UPPER_CASE для констант, префикс Props у пропсов React-компонентов. Типы советует держать рядом с местом использования, общие — выносить в каталог types и собирать через index.ts.

Дальше идут функции и ошибки: явные возвращаемые типы у публичных функций, async/await вместо цепочек промисов, свои классы ошибок для доменных случаев, проверка на null. Есть и раздел про паттерны — Builder, Repository, Factory, внедрение зависимостей. Правило подключается через globs **/*.ts, **/*.tsx, **/*.d.ts, поэтому затрагивает только файлы TypeScript и не трогает остальной код.

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

  • договориться о едином стиле типов в команде
  • убрать any из нового кода
  • разложить общие типы по каталогам
  • описать обработку ошибок через свои классы
  • задать имена пропсов React-компонентов

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

  • Опиши интерфейс для ответа API и положи его в каталог types
  • Перепиши эту функцию на async/await и добавь явный возвращаемый тип
  • Замени any на unknown и добавь проверку типа перед использованием

Как установить typescript

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

.cursor/rules/typescript.mdc

Во frontmatter: description, globs, alwaysApply

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

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

vue Правило для Cursor задаёт агенту стиль работы с Vue: Composition API, Pinia, типизация и маршрутизация. Пригодится, когда в проекте уже есть .vue и .ts. ★ 41 011звёзд репо vue-3-nuxt-3-typescript-cursorrules-prompt-file Правило для Cursor задаёт агенту стиль кода на Vue 3 и Nuxt 3: Composition API, TypeScript-интерфейсы, конвенции Nuxt. Пригодится, когда проект уже на этом стеке и не хочется каждый раз объяснять структуру. ★ 41 011звёзд репо vitest-unit-testing-cursorrules-prompt-file Правило задаёт Cursor поведение эксперта по Vitest и TypeScript: пишет юнит-тесты на бизнес-логику и утилиты, мокает зависимости через vi.mock. ★ 41 011звёзд репо unity-cursor-ai-c-cursorrules-prompt-file Правило для Cursor, которое настраивает ассистента на разработку игры на Unity с C#: модульный код, отзывчивые механики, производительность в реальном времени. ★ 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звёзд репо typescript-code-convention-cursorrules-prompt-file Правило задаёт Cursor стиль кода на TypeScript в проектах на Next.js App Router, React, Expo, tRPC и Tailwind. Пригодится, когда агент пишет код вразнобой. ★ 41 011звёзд репо

Похожие

typescript-discriminated-unions mkosir Скилл учит ИИ-агента применять дискриминированные объединения в TypeScript для взаимоисключающих состояний и проверять исчерпывающий switch через ESLint. CX Codex +1 3 800установок typescript-magician mcollina Устраняет ошибки TypeScript, заменяет any на строгие типы и строит типобезопасные дженерики. Помогает навести порядок в типах кодовой базы. CX Codex +1 2 800установок typescript-advanced-types sickn33 Помогает агенту писать дженерики, условные и mapped-типы в TypeScript и честно говорит, где проверка типов заканчивается. CX Codex +1 1 300установок typescript-refactor pproenca Скилл с 47 правилами по рефакторингу TypeScript и React/TSX: типы, сужение, дженерики, современные фичи TS 6.0 и React 19. CX Codex +1 788установок typescript-react-reviewer dotneet Скилл для ревью кода на TypeScript и React 19: находит антипаттерны, ошибки хуков и проблемы типизации. Пригодится перед мержем PR. CX Codex +1 9 000установок nextjs-typescript-tailwindcss-supabase Mindrally Скилл задаёт агенту правила для Next.js 14, TypeScript, TailwindCSS и Supabase: серверные компоненты, обработка ошибок, читаемый код. CX Codex +1 1 300установок

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

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

Вопросы о typescript

Как установить правило typescript в Cursor?

Создайте файл .cursor/rules/typescript.mdc и вставьте в него содержимое правила.

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

Задаёт агенту Cursor стандарты TypeScript: интерфейсы вместо типов для объектов, camelCase и PascalCase в именах, свои классы ошибок, явные возвращаемые типы.

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

На файлы по маскам **/*.ts, **/*.tsx и **/*.d.ts — остальной код правило не затрагивает.

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

typescript.mdc · CC0-1.0
---
description: "TypeScript coding standards and best practices for modern web development"
globs: **/*.ts, **/*.tsx, **/*.d.ts
alwaysApply: false
---
# TypeScript Best Practices

## Type System
- Prefer interfaces over types for object definitions
- Use type for unions, intersections, and mapped types
- Avoid using `any`, prefer `unknown` for unknown types
- Use strict TypeScript configuration
- Leverage TypeScript's built-in utility types
- Use generics for reusable type patterns

## Naming Conventions
- Use PascalCase for type names and interfaces
- Use camelCase for variables and functions
- Use UPPER_CASE for constants
- Use descriptive names with auxiliary verbs (e.g., isLoading, hasError)
- Prefix interfaces for React props with 'Props' (e.g., ButtonProps)

## Code Organization
- Keep type definitions close to where they're used
- Export types and interfaces from dedicated type files when shared
- Use barrel exports (index.ts) for organizing exports
- Place shared types in a `types` directory
- Co-locate component props with their components

## Functions
- Use explicit return types for public functions
- Use arrow functions for callbacks and methods
- Implement proper error handling with custom error types
- Use function overloads for complex type scenarios
- Prefer async/await over Promises

## Best Practices
- Enable strict mode in tsconfig.json
- Use readonly for immutable properties
- Leverage discriminated unions for type safety
- Use type guards for runtime type checking
- Implement proper null checking
- Avoid type assertions unless necessary

## Error Handling
- Create custom error types for domain-specific errors
- Use Result types for operations that can fail
- Implement proper error boundaries
- Use try-catch blocks with typed catch clauses
- Handle Promise rejections properly

## Patterns
- Use the Builder pattern for complex object creation
- Implement the Repository pattern for data access
- Use the Factory pattern for object creation
- Leverage dependency injection
- Use the Module pattern for encapsulation

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

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

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

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