Praxisguide für Teams

Mit ChatGPT und GitHub gemeinsam programmieren.

Sie beschreiben das Ziel in natürlicher Sprache. ChatGPT hilft dabei, den vorhandenen Code zu verstehen, Änderungen strukturiert umzusetzen und den Weg bis zum Pull Request nachvollziehbar zu machen.

Repository zuerst verstehen Änderungen nachvollziehbar halten Review vor Merge
Repository verbundenmain
Sie

„Erstelle eine neue Landingpage unter /test und orientiere dich am bestehenden Design.“

ChatGPT

Ich prüfe zuerst Routing, Styles und Projektregeln. Danach setze ich die neue Seite isoliert um.

Code lesen Branch Ändern PR
Ergebnis: nachvollziehbare Änderung statt „Black Box"

Das Grundprinzip

Sie geben Richtung und Entscheidung. ChatGPT übernimmt viel technische Fleißarbeit.

Gute Zusammenarbeit beginnt nicht mit „Schreib mir Code“, sondern mit Kontext. Welches Repository? Was ist das Ziel? Welche Bereiche dürfen verändert werden? Was soll ausdrücklich unverändert bleiben?

Anschließend kann ChatGPT vorhandenen Code lesen, relevante Dateien finden, Änderungen vorbereiten und den GitHub-Workflow unterstützen. Wie weit das direkt geht, hängt von der verwendeten ChatGPT-Umgebung und den freigegebenen GitHub-Berechtigungen ab.

Der komplette Ablauf

Von der Idee bis zum Merge – in sechs sauberen Schritten.

Der wichtigste Unterschied zu klassischem „Copy & Paste Coding“: ChatGPT arbeitet direkt mit dem Kontext des Projekts und kann Änderungen entlang eines nachvollziehbaren Git-Workflows vorbereiten.

01

1. Aufgabe in normaler Sprache beschreiben

Starten Sie mit dem Ziel, nicht mit der technischen Lösung. Beschreiben Sie, was sich für Nutzerinnen und Nutzer ändern soll, welche Seite oder Funktion betroffen ist und was unverändert bleiben muss.

Passe die Startseite an, behalte Inhalte und Kontaktdaten bei und arbeite über einen separaten Branch.
02

2. Repository und vorhandenen Code verstehen

ChatGPT kann – abhängig von der freigegebenen GitHub-Verbindung – Repositorys durchsuchen, relevante Dateien lesen und bestehende Strukturen erkennen. Das ist wichtig, bevor Code verändert wird.

Prüfe zuerst Routing, Komponenten, Styles und Projektregeln. Ändere erst danach Dateien.
03

3. Einen klaren Arbeits-Branch verwenden

Größere Änderungen gehören auf einen eigenen Branch. So bleibt main stabil, Änderungen sind nachvollziehbar und können vor dem Merge separat geprüft werden.

Erstelle feature/neue-landingpage auf Basis des aktuellen main.
04

4. Dateien gezielt erstellen oder ändern

Jetzt kann ChatGPT neue Routen, Komponenten, Styles oder Logik anlegen und bestehende Dateien aktualisieren. Gute Änderungen bleiben klein genug, um sie später sinnvoll reviewen zu können.

Erstelle /test als neue Route, nutze das bestehende Designsystem und fasse andere Seiten nicht an.
05

5. Änderung prüfen und Risiken sichtbar machen

Vor dem Merge sollten Diff, betroffene Dateien, mögliche Konflikte, Build- oder CI-Status sowie sensible Bereiche geprüft werden. Bei fehlenden automatischen Tests sollte das offen benannt werden.

Vergleiche den Branch mit main und nenne mir alle geänderten Dateien und mögliche Risiken.
06

6. Pull Request, Review und Merge

Der Pull Request bündelt die Änderung: Titel, Beschreibung, Umfang und technische Details. Nach Review und erfolgreichen Checks kann gemergt und der Arbeits-Branch anschließend wieder aufgeräumt werden.

Erstelle einen PR mit Zusammenfassung, prüfe Mergeability und merge erst, wenn keine Konflikte bestehen.

Was dabei technisch passiert

ChatGPT ersetzt Git nicht. Es hilft Ihnen, Git besser zu nutzen.

Repository-Kontext

Relevante Dateien, Verzeichnisse und Dokumentation werden aus dem freigegebenen Repository gelesen. So basiert die Antwort auf Ihrem echten Projekt statt auf einem erfundenen Beispiel.

Git als Sicherheitsnetz

Branches, Commits und Pull Requests sorgen dafür, dass jede Änderung sichtbar bleibt und bei Bedarf verglichen, reviewed oder zurückgenommen werden kann.

Chat als Steueroberfläche

Sie müssen für viele Aufgaben keine Git-Befehle auswendig kennen. Sie formulieren Absicht und Einschränkungen – die technischen Schritte können daraus abgeleitet werden.

Wichtig zur GitHub-Verbindung in ChatGPT

Die normale GitHub-App in ChatGPT kann je nach Produktbereich primär zum Lesen, Suchen und Analysieren von Repository-Inhalten dienen. Direkte Codeänderungen, Commits oder Pull Requests benötigen eine Umgebung mit dafür freigeschalteten Coding-/Agentenfunktionen oder autorisierten GitHub-Schreibaktionen.

Offizielle OpenAI-Hinweise zur GitHub-Verbindung

Prompts, die in echten Projekten helfen

Je klarer der Auftrag, desto kleiner das Risiko unnötiger Änderungen.

Gute Prompts nennen Ziel, Umfang, gewünschte Arbeitsweise und Grenzen. Diese Beispiele können Sie direkt als Vorlage verwenden und an Ihr Repository anpassen.

Neue Funktion
@GitHub Erstelle im Repository eine neue Landingpage unter /test. Analysiere zuerst die bestehende Struktur. Nutze das vorhandene Designsystem, arbeite möglichst isoliert und erkläre mir anschließend, welche Dateien du geändert hast.
Bug beheben
@GitHub Finde heraus, warum das mobile Menü auf kleinen Displays nicht funktioniert. Suche zuerst die relevante Komponente und Styles. Behebe nur die eigentliche Ursache und vermeide einen größeren Refactor.
Sicherer Branch-Workflow
@GitHub Prüfe zuerst den aktuellen Stand von main. Erstelle danach einen Feature-Branch, setze die Änderung dort um, vergleiche anschließend mit main und öffne einen Pull Request. Nichts force-pushen und keine bestehende Historie umschreiben.
Review
@GitHub Prüfe diesen Pull Request wie ein Reviewer. Achte auf Funktion, Seiteneffekte, unnötige Änderungen, fehlende Fehlerbehandlung und mögliche Probleme auf Mobile. Ändere noch nichts, sondern gib mir zuerst die Befunde.

Ein realistisches Beispiel

„Erstelle eine neue Landingpage unter /test.“

Aus einem einzigen Satz kann ein sauberer Entwicklungsprozess werden – wenn ChatGPT nicht sofort losschreibt, sondern das Projekt zuerst liest.

01

Projekt prüfen Routing, Framework, Styling, bestehende Komponenten und Repository-Regeln lesen.

02

Umfang definieren Neue Route und Styles isolieren; bestehende Landingpage möglichst nicht verändern.

03

Implementieren Route, responsive Layouts, Inhalte, Meta-Daten und interne Navigation ergänzen.

04

Router & Sitemap Sicherstellen, dass die neue Route erkannt und – falls gewünscht – öffentlich indexiert wird.

05

Diff prüfen Nur erwartete Dateien sollten verändert sein. Unnötige Nebenänderungen werden wieder entfernt.

06

Review & Merge Pull Request verständlich beschreiben, Checks prüfen und erst dann mergen.

Wofür sich die Zusammenarbeit eignet

Von kleinen Fixes bis zu kompletten Features.

Features bauen

Neue Seiten, Komponenten, Formulare, API-Anbindungen oder kleine Produktfunktionen aus einer Beschreibung heraus umsetzen.

Fehler finden

Nach Funktionen, Fehlermeldungen oder Dateinamen suchen, Ursache eingrenzen und gezielt beheben.

Code erklären

Unbekannte Projekte, Datenflüsse, Routing, Komponenten und Abhängigkeiten verständlich zusammenfassen.

Refactoring

Duplikate reduzieren, Komponenten schneiden oder Strukturen verbessern – mit bewusst begrenztem Umfang.

Pull Requests prüfen

Diffs lesen, Risiken benennen, Änderungen zusammenfassen und Review-Kommentare vorbereiten.

Dokumentation pflegen

README, Setup-Hinweise, technische Entscheidungen und Arbeitsabläufe parallel zum Code aktuell halten.

Sicher arbeiten

Die besten Ergebnisse entstehen mit klaren Leitplanken.

ChatGPT kann Entwicklung stark beschleunigen. GitHub bleibt dabei das nachvollziehbare Protokoll, und die menschliche Entscheidung bleibt der letzte Kontrollpunkt.

Menschliches Review bleibt wichtig
1

Keine Secrets, API-Keys oder Zugangsdaten in Prompts oder Commits schreiben.

2

Vor Änderungen zuerst Repository-Regeln wie AGENTS.md, CONTRIBUTING.md oder README prüfen.

3

Für größere Arbeiten einen Branch statt direkter Änderungen auf main verwenden.

4

Force-Push, History-Rewrites und große Nebenänderungen vermeiden, wenn sie nicht ausdrücklich nötig sind.

5

Vor dem Merge Diff, Konflikte und verfügbare Checks prüfen; fehlende Tests transparent benennen.

6

Bei Datenbank-, Auth-, Zahlungs- oder Produktionsänderungen zusätzliche menschliche Prüfung einplanen.

Gute Rollenverteilung

Was Sie entscheiden – und wobei ChatGPT unterstützt.

Sie

Produktziel & Freigabe

  • Was soll am Ende funktionieren?
  • Welche Inhalte und Regeln sind verbindlich?
  • Welche Risiken sind akzeptabel?
  • Wann ist eine Änderung bereit für den Merge?
ChatGPT

Analyse & Umsetzung

  • Relevanten Code und Dokumentation finden
  • Technische Lösungswege ableiten
  • Dateien erstellen und gezielt ändern
  • Diffs, PRs und mögliche Probleme zusammenfassen

FAQ

Häufige Fragen zum Arbeiten mit ChatGPT und GitHub.

Kann ChatGPT mein komplettes Repository sehen?

Nur Repositorys und Inhalte, für die die jeweilige GitHub-Verbindung Zugriff erhalten hat. Welche Funktionen verfügbar sind, hängt zusätzlich von Plan, Workspace, Produktbereich und Berechtigungen ab.

Kann ChatGPT direkt auf main programmieren?

Technisch können autorisierte Schreibaktionen das ermöglichen. Für nachvollziehbare Entwicklung ist bei größeren Änderungen ein eigener Branch mit anschließendem Pull Request meist die bessere Arbeitsweise.

Muss ich Git oder Programmierung beherrschen?

Für viele alltägliche Aufgaben nicht im Detail. Grundverständnis für Branch, Commit, Pull Request, Review und Merge hilft aber dabei, Entscheidungen bewusst zu treffen und Änderungen sicher freizugeben.

Was sollte ich niemals in einen Prompt schreiben?

Passwörter, private Schlüssel, Tokens, API-Secrets oder andere Zugangsdaten. Solche Werte gehören in geeignete Secret- und Environment-Verwaltung – nicht in Chatverläufe oder Commits.

Wie verhindere ich, dass zu viel geändert wird?

Den Scope explizit begrenzen: betroffene Seite nennen, erlaubte Dateien oder Bereiche beschreiben, bestehende Funktionalität schützen und vor dem Merge den Diff gegen main prüfen lassen.

Der einfachste Einstieg

Beschreiben Sie die nächste Änderung so, wie Sie sie einem Entwickler erklären würden.

Repository nennen, Ziel erklären, Grenzen setzen – und ChatGPT zuerst den vorhandenen Code verstehen lassen. Genau daraus entsteht ein guter gemeinsamer Entwicklungsprozess.

@GitHub Prüfe zuerst das Projekt und erkläre mir, wie du die gewünschte Änderung sicher umsetzen würdest.
Zurück zur Startseite