Vibe-Coding Stack für CEOsModul 02Bauen mit KI10 min

Cursor einrichten

Dein KI-Partner zum Bauen, installiert in fünf Minuten.

Was du nach diesem Modul kannst

  • Cursor läuft, ist mit GitHub verbunden und du hast dein erstes Repo geklont.
  • Du weißt, wie du der KI Aufgaben gibst, die wirklich funktionieren.
  • Du kennst den Unterschied zwischen Chat, Plan und Agent und weißt, wann du was nutzt.

Cursor ist eine eigenständige IDE, in der die KI gleichberechtigt neben dir sitzt. Mit einem einzigen Chat-Fenster steuerst du dein gesamtes Projekt: Installation, Code, Commits, Pushes. Die anderen Menüs in Cursor brauchst du im Alltag praktisch nicht.

Was du gewinnst

Was du mit Cursor tust

Du beschreibst auf Deutsch oder Englisch, was du willst. Cursor übersetzt das in Code, schreibt es in die richtigen Dateien und zeigt dir vorher genau, was sich ändert. Du klickst Accept und gehst weiter. Bei Bedarf erklärt Cursor in einfachen Worten, was es gemacht hat.

Aspekt

VS Code + ChatGPT

Klassisch

Cursor

KI-nativ

Code-Editor
Chat im Editor
Plugin nötig
Eingebaut
KI bearbeitet ganze Dateien
KI führt Befehle aus (Agent)
Versteht dein gesamtes Projekt
Bedingt
Vollständig
Funktioniert auf Deutsch

Schritt für Schritt

Cursor einrichten

Du machst die Installation einmalig. Danach lebst du fast nur noch im Chat-Fenster.

  1. 01

    Geh auf cursor.com und klicke Download. Cursor läuft auf Mac, Windows und Linux. Die Installation funktioniert wie bei jedem anderen Programm.

    Cursor herunterladen
  2. 02

    Beim ersten Start wählst du Sign in with GitHub. Damit ist Cursor automatisch mit deinen Repositories verbunden. Du musst keine SSH-Keys oder Konsolen-Konfiguration anfassen.

  3. 03

    Nach dem Login bietet Cursor dir einen Begrüßungs-Bildschirm mit „Clone repository“ und „Open recent“. Wähle Clone repository, suche dein Repo (z. B. meine-idee) und bestätige den Speicherort.

    bedeutet: dein Repository auf deinen Rechner herunterladen. Cursor erledigt das im Hintergrund.

  4. 04

    Drücke Cmd / Ctrl + I. Auf der rechten Seite öffnet sich das Agent-Panel. Von hier aus erledigst du ab jetzt fast alles. Oben kannst du den Modus wechseln (Chat / Plan / Agent). Wir starten in Plan.

  5. 05

    Tippe einfach drauflos. Keine Befehle, kein Code. Beispiel:

Cursor: Agent (deine erste Aufgabe)
Du
Cursor zeigt dir vor jedem Schritt, was passieren soll. Du kannst jeden Vorschlag akzeptieren oder ablehnen. Im Plan-Modus siehst du sogar zuerst die Strategie, bevor überhaupt eine Datei verändert wird. Falls einmal etwas schief läuft, bringst du dich mit einer einzigen Anweisung zurück: „Mach den letzten Commit rückgängig.“ Die KI weiß, was zu tun ist.

Die drei Modi

Chat, Plan, Agent: wann nutzt du was?

Drei Modi reichen vollständig aus. Den Wechsel triggerst du oben im Agent-Panel, entweder per Klick oder mit dem entsprechenden Kürzel.

  • Chat

    Wenn du verstehen willst

    Erklärungen, Brainstorming, Vergleiche. Die KI antwortet, ändert aber nichts an deinem Projekt.

    „Erkläre mir, wofür diese Datei zuständig ist.“

  • Plan

    Wenn die Aufgabe größer ist

    Die KI schreibt zuerst einen klaren Schritte-Plan. Du genehmigst, erst dann wird gebaut.

    „Plane die Erweiterung um eine Newsletter-Anmeldung.“

  • Agent

    Wenn du klare Ansagen hast

    Die KI führt mehrere Schritte selbst aus: Dateien anlegen, Pakete installieren, committen, pushen.

    „Bau eine Preisseite und pushe sie.“

Workflow

Alles, was du normalerweise klicken müsstest, sagst du dem Agent

Damit du dich nicht durch Cursor-Menüs klicken musst, hier eine Sammlung typischer Anweisungen. Kopiere sie, passe sie an deine Situation an, schicke sie ab:

Pakete installieren

Installiere die folgenden Pakete für dieses Projekt: motion, lucide-react. Nutze pnpm.

Neue Datei / Seite

Lege eine neue Page unter /preise an, in unserem Layout, mit drei Pricing-Cards.

Commit + Push

Commit alle aktuellen Änderungen mit der Nachricht „Preisseite ergänzt“ und pushe nach GitHub.

Branch starten

Erstelle einen neuen Branch namens neue-preise und wechsle dorthin.

Fehler beheben

Die Seite zeigt im Browser einen Fehler. Lies die Konsole, finde die Ursache und behebe sie.

Rückgängig machen

Mach den letzten Commit rückgängig, die Änderungen sollen aber lokal erhalten bleiben.

Pro-Tipp

So gibst du der KI gute Anweisungen

  • Sei konkret.„Erstelle einen Newsletter-Block mit E-Mail-Feld“ wirkt besser als „Mach mir Newsletter“.
  • Gib Kontext.Sag, für wen es ist (B2B-CEOs, Endkund:innen, Investor:innen).
  • Iteriere.Nicht alles muss beim ersten Mal sitzen. Frag nach Varianten, bis es passt.
  • Frag nach Erklärung.„Erkläre kurz, was du gemacht hast.“ So lernst du nebenbei.

Mein Cursor-Setup

6 Schritte

Weiter geht's

Was du als Nächstes tust

Bevor wir online gehen, ein kurzer Stopp im Maschinenraum. Im nächsten Modul lernst du, was Next.js eigentlich ist: in zehn Minuten, ohne Code-Vokabeln. Damit du der KI noch präziser sagen kannst, was du brauchst.

Modul 02 · 10 min