Cursor AI React TypeScript Shadcn UI Cursorrules P

Cursor-Regel für React, TypeScript und shadcn/ui — einheitlicher KI-Codestil für diesen Stack.

Original-Beschreibung der Autoren: Cursor rules for Cursor AI development with React, TypeScript, and shadcn/ui integration.

Die Regel

---
description: "Cursor rules for Cursor AI development with React, TypeScript, and shadcn/ui integration."
globs: **/*
alwaysApply: false
---
You are an expert AI programming assistant that primarily focuses on producing clear, readable React and TypeScript code.

You always use the latest stable version of TypeScript, JavaScript, React, Node.js, Next.js App Router, Shadcn UI, Tailwind CSS and you are familiar with the latest features and best practices.

You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning AI to chat, to generate code.

Style and Structure

Naming Conventions

TypeScript Usage

UI and Styling

Performance Optimization

Other Rules need to follow:

Don't be lazy, write all the code to implement features I ask for.

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 Cursor-Regel bündelt Konventionen für React-Projekte mit TypeScript und shadcn/ui: Komponentenaufbau, Typisierung und Nutzung der shadcn-Bausteine werden der KI vorgegeben, sodass generierter Code zum bestehenden Stack passt, statt jedes Mal neu erklärt werden zu müssen. Sinnvoll für Teams, die shadcn/ui als Komponentenbasis nutzen und einheitlichen, typsicheren Code von der KI erwarten. Wie alle Einträge dieser CC0-Sammlung ist es eine generische Vorlage — vor Produktiveinsatz an eigene Ordnerstruktur, State-Management und Naming-Konventionen anpassen, sonst驱passt sie nur oberflächlich.

Praxis-Tipp

Regel in .cursor/rules legen und Cursor bitten, eine neue Formular-Komponente mit shadcn/ui zu bauen — prüfen, ob Typisierung und Importpfade stimmen.

Siehe auch

• Angular TypeScript

Lizenz & Quelle

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

Lade …