TypeScript Code Convention

Cursor-Regel mit generellen TypeScript-Code-Konventionen für Formatierung, Naming und Struktur.

Original-Beschreibung der Autoren: Cursor rules for TypeScript development with code convention integration.

Die Regel

---
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.

So nutzt du sie

Die Regel kopieren (Button oben) oder als Datei herunterladen und im Projekt unter .cursor/rules/ ablegen — Cursor lädt sie beim nächsten Start automatisch. Ältere Cursor-Versionen lesen alternativ eine einzelne .cursorrules-Datei im Projektstamm; dort einfach den Regel-Text ohne den Kopfblock zwischen den ----Zeilen einfügen.

Der Regel-Text ist englisch — Cursor versteht ihn unabhängig von der Sprache, in der Sie mit dem Editor chatten.

Im Detail

Diese Regel bündelt allgemeine Code-Konventionen für TypeScript-Projekte: Naming-Schemata für Variablen, Funktionen und Dateien, bevorzugte Ordnerstruktur, Umgang mit Exports (benannt statt default) und einheitliche Formatierungsregeln jenseits dessen, was Prettier/ESLint automatisch erzwingen. Der Mehrwert liegt darin, dass Cursor diese „weichen“ Team-Konventionen beim Generieren von neuem Code von sich aus einhält, statt dass man sie in Code-Reviews jedes Mal wiederholen muss. Passt gut zu Teams, die bereits einen Styleguide im Kopf haben, ihn aber nirgends maschinenlesbar dokumentiert hatten. Wer nur Linting-Regeln durchsetzen will, ist mit einer reinen ESLint-Config allerdings oft schneller am Ziel.

Praxis-Tipp

Regel mit den eigenen ESLint/Prettier-Configs abgleichen, damit Cursor keine Konventionen vorschlägt, die der Linter anschließend wieder anders formatiert.

Siehe auch

• Anti Overengineering
• Anti Sycophancy Code Discipline

Lizenz & Quelle

• Lizenz: CC0 1.0
• Quelle: PatrickJS/awesome-cursorrules (GitHub)

Lade …