Wenn Sie den Cursor AI Code-Editor bereits nutzen, sind Sie wahrscheinlich schon von der Tab-Vervollständigung, Code-Generierung, dem Chat und dem Composer beeindruckt. Diese Features allein können Ihnen das Gefühl geben, Superkräfte zu besitzen.
Aber hier ist der Punkt: Es gibt mehr. Viel mehr. Cursor hat einige ernsthaft coole fortgeschrittene Features, die die meisten Leute noch nicht nutzen. In diesem Beitrag zeige ich Ihnen fünf davon.
Wenn Sie neu bei Cursor sind, schauen Sie sich meine Beiträge zu Cursor AI für Entwickler und Cursor vs. GitHub Copilot an, um auf den neuesten Stand zu kommen.
Der Cursor Agent
Zuerst kommt der Cursor Agent. Es ist, als hätten Sie einen superintelligenten Coding-Assistenten, den Sie mit ⌘. (Command + Punkt) herbeirufen können. Hier ist, was er kann:
- Automatisch Kontext einbinden (versuchen Sie
@Recommended) - Terminal-Befehle ausführen
- Dateien erstellen und modifizieren
- Semantische Code-Suche durchführen
- Dateioperationen handhaben
Derzeit funktioniert er nur mit Claude-Modellen, und jede Tool-Operation zählt als separate Anfrage in Ihrem Kontingent.
Cursor Rules
Als Nächstes kommt die .cursorrules-Datei. Es ist eine Möglichkeit, Cursor projektspezifische Anweisungen zu geben. Hier ist, was Sie wissen müssen:
- Legen Sie sie im Wurzelverzeichnis Ihres Projekts ab
- Sie bietet Anweisungen für Cursor Chat und
Strg/⌘ K-Befehle - Sie ist wie die "Rules for AI" in Cursors Einstellungen, aber nur für Ihr Projekt
Hier ist eine Beispiel-.cursorrules-Datei, die Sie in einem Next.js-Projekt definieren könnten:
1# DeinCopilot
2
3Every time you choose to apply a rule(s), explicitly state the rule(s) in the output. You can abbreviate the rule description to a single word or phrase.
4
5## Code Style
6- Never import React
7- Write concise, technical React + TypeScript code
8- Use functional programming patterns; use generics where appropriate
9- Prefer iteration and modularization over code duplication
10- Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError)
11- Use @TailwindCSS for styling
12- Use @NextJS App Router for the backend
13
14## Database
15- Use @Supabase for the database
16- Use the supabase client to interact with the database you can find it inside the lib/supabase folder
17- Use Supabase's PostgresSQL as the database provider
18- Use Supabase's Auth for authentication
19
20## AI
21- Use @VercelAI SDK for handling AI interactions and streaming responses
22- Use @OpenAI for the AI models
23- Packages like 'ai' and 'openai' are already installed and you can use them
24
25## Documentation
26- Document API interactions and data flows
27- Don't include comments unless it's for complex logic
28Dies ist super nützlich, wenn Sie Cursor einige Informationen über die spezifischen Anforderungen oder Konventionen Ihres Projekts geben möchten. Es ist erwähnenswert, dass .cursorrules zwar cool ist, Cursor aber auch Notepads hat, die noch mehr können. Apropos...
Notepads
Notepads in Cursor sind wie Supercharged Sticky Notes für Ihren Code. Sie schlagen eine Brücke zwischen Composers und Chat-Interaktionen.
Hier ist, was sie besonders macht:
- Sie können sie zwischen verschiedenen Teilen Ihrer Entwicklungsumgebung teilen
- Mit der
@-Syntax darauf verweisen - Dateien daran anhängen
- Sie als dynamische Vorlagen für verschiedene Szenarien verwenden
Um ein Notepad in Cursor zu erstellen, klicken Sie auf das "+" im Notepads-Bereich, geben ihm einen aussagekräftigen Namen und fügen beliebige Inhalte, Kontext oder Dateien hinzu. Verweisen Sie in Composers oder Chats mit dem @-Symbol auf Notepads.
Notepads eignen sich hervorragend für die Dokumentation von Projektarchitektur-Entscheidungen, Entwicklungsrichtlinien, wiederverwendbare Code-Vorlagen, teamspezifische Regeln und häufig referenzierte Materialien.
Wenn Sie ein Notepad erstellen, verwenden Sie am besten klare Überschriften, Markdown für bessere Lesbarkeit und fügen Sie bei Bedarf Beispiele oder Dateianhänge hinzu.
Notepads sind zwar noch in der Beta-Phase, aber sie sind bereits eine super flexible Möglichkeit, Ihren Workflow zu verbessern.
Bug Finder
Cursor hat dieses neue Bug Finder Feature. Es ist ziemlich cool, auch wenn es mit einer etwas aggressiven Warnmeldung und einem Pay-per-Click-Preismodell daherkommt (ja, Sie könnten einen Dollar oder mehr ausgeben, nur um es zu nutzen).
So funktioniert's: Es scannt durch Ihren gesamten Code und die letzten Änderungen. Wenn Sie sich auf einem Feature-Branch befinden, vergleicht es diesen mit main und sucht nach potenziellen Bugs.
Für jeden Bug, den es findet, erhalten Sie eine Vertrauensbewertung und einen schnellen Überblick. Dann ist es nur ein Klick, um ihn im Editor zu beheben. Cursor füllt alle Details in die Eingabeaufforderung und generiert Updates, genau wie Sie es gewohnt sind.
Es ist nicht perfekt, aber ein ziemlich praktisches Tool, das man in der Hinterhand haben sollte.
@web Symbol
Mit @Web konstruiert Cursor eine Suchanfrage basierend auf Ihrer Anfrage und dem bereitgestellten Kontext und durchsucht das Web, um relevante Informationen als zusätzlichen Kontext zu finden. Dies ist besonders nützlich, um die aktuellsten Informationen zu finden.
Das @Web-Symbol ist wie ein eingebauter Recherche-Assistent in Cursor. So funktioniert es:
- Sie geben eine Anfrage und etwas Kontext
- Cursor verwandelt das in eine Websuche
- Es durchsucht das Internet nach relevanten Informationen
- Die Suchergebnisse werden zum Kontext Ihrer Anfrage hinzugefügt
Dies ist super nützlich, wenn Sie mit neuer Technologie arbeiten oder etwas brauchen, wo Sie die neuesten Informationen benötigen.
Bonus: KI-Commit-Nachrichten
Hier ist ein kleines Bonus-Feature: KI-generierte Commit-Nachrichten. Es mag nicht nach viel klingen, aber es spart mir jeden Tag ein paar Minuten und reduziert die mentale Belastung, gute Commit-Nachrichten zu formulieren.
Nun hat Cursor diese Angewohnheit, etwas... wortreich mit seinen Commit-Nachrichten zu sein. Aber hey, Sie können dieses Verhalten anpassen, indem Sie einige Anweisungen in einer .cursorrules-Datei hinzufügen.
Figma-Designs zu Code konvertieren
Sprechen wir darüber, wie man Figma-Designs mit v0.dev in Code umwandelt. Es ist ein Game-Changer, für Entwickler und nicht Entwickler.
Ganz einfach:
- v0.dev aufrufen
- Figma-Design hochladen & verfeinern
- Generierten Code herunterladen
- Projekt in Cursor öffnen
Von dort aus können Sie Cursor anweisen, Interaktivität, Animationen, Event Handler und mehr hinzuzufügen. Das ganze ist mittlerweile so gut, dass man es sogar für komplexe Projekte verwenden kann.
Das Ergebnis? Sie erhalten eine pixelgenaue UI, die Ihre Komponenten wie erwartet verwendet. Es ist ziemlich elegant. Dieser gesamte Prozess - vom Design zum funktionalen Code - ist viel schneller als es händisch zu machen.
Das Beste daran? Dieser Workflow passt perfekt zu Cursors anderen KI-Features. Sie können den Agenten verwenden, um Logik hinzuzufügen, Ihre Updates vorzunehmen und automatisch eine Commit-Nachricht zu generieren.
Cursor AI FAQ
Hier sind einige häufig gestellte Fragen zu Cursor AI:
