Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Spezifikation in eine Funktionierende Anwendung | Planung des Business-Dashboards
Einführung in Claude Code

Spezifikation in eine Funktionierende Anwendung

Swipe um das Menü anzuzeigen

Mit der abgeschlossenen Projektspezifikation kann Claude Code mit dem Aufbau des Dashboards beginnen. Die Eingabeaufforderung sollte den Projektordner, die Spezifikationsdatei, die benötigten Technologien und die Aufgaben, die Claude erledigen muss, klar benennen.

In diesem Beispiel wird Claude gebeten:

  • Das Dashboard mit Next.js und Tailwind CSS zu erstellen;
  • Das Design der bestehenden Landingpage zu übernehmen;
  • Eine neue PostgreSQL-Datenbank zu erstellen;
  • Die Tabellen leads und campaigns hinzuzufügen;
  • Die Datenbank mit Beispiel-Leads zu befüllen;
  • Die lokale Umgebung zu konfigurieren;
  • Den Entwicklungsserver zu starten;
  • Abgeschlossene Aufgaben in spec.md zu markieren.

Anschließend arbeitet Claude die Spezifikation ab, erstellt die Datenbank, fügt Beispieldaten hinzu, baut die Anwendung und prüft die Oberfläche anhand von Screenshots. Nach Abschluss des Prozesses gibt Claude eine Zusammenfassung der Arbeit und einen lokalen Link zum Öffnen des Dashboards aus.

Das fertige Dashboard enthält eine Login-Seite, eine Aktivitätsübersicht, Lead-Datensätze, Detailseiten für Leads und Kampagneninformationen. Die Beispieldaten ermöglichen es, die Oberfläche zu testen, bevor echte Leads hinzugefügt werden.

Nach der Überprüfung des Ergebnisses können Sie Claude kleinere Folgeaufgaben geben. Beispielsweise könnten Sie darum bitten, bearbeitbare Vorlagen für verschiedene Kampagnenphasen hinzuzufügen. Dieser Ansatz ist oft effektiver, als zu versuchen, jedes Detail in der ersten Eingabeaufforderung zu beschreiben.

Beginnen Sie mit einer klaren Spezifikation, lassen Sie Claude den Hauptteil umsetzen und verbessern Sie die Anwendung anschließend durch gezielte Iterationen. So lassen sich große Entwicklungsaufgaben leichter steuern und das Projekt kommt dem fertigen Produkt näher.

question mark

Was sollten Sie tun, nachdem Claude den ersten Dashboard-Entwurf fertiggestellt hat?

Wählen Sie die richtige Antwort aus

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Spezifikation in eine Funktionierende Anwendung

Mit der abgeschlossenen Projektspezifikation kann Claude Code mit dem Aufbau des Dashboards beginnen. Die Eingabeaufforderung sollte den Projektordner, die Spezifikationsdatei, die benötigten Technologien und die Aufgaben, die Claude erledigen muss, klar benennen.

In diesem Beispiel wird Claude gebeten:

  • Das Dashboard mit Next.js und Tailwind CSS zu erstellen;
  • Das Design der bestehenden Landingpage zu übernehmen;
  • Eine neue PostgreSQL-Datenbank zu erstellen;
  • Die Tabellen leads und campaigns hinzuzufügen;
  • Die Datenbank mit Beispiel-Leads zu befüllen;
  • Die lokale Umgebung zu konfigurieren;
  • Den Entwicklungsserver zu starten;
  • Abgeschlossene Aufgaben in spec.md zu markieren.

Anschließend arbeitet Claude die Spezifikation ab, erstellt die Datenbank, fügt Beispieldaten hinzu, baut die Anwendung und prüft die Oberfläche anhand von Screenshots. Nach Abschluss des Prozesses gibt Claude eine Zusammenfassung der Arbeit und einen lokalen Link zum Öffnen des Dashboards aus.

Das fertige Dashboard enthält eine Login-Seite, eine Aktivitätsübersicht, Lead-Datensätze, Detailseiten für Leads und Kampagneninformationen. Die Beispieldaten ermöglichen es, die Oberfläche zu testen, bevor echte Leads hinzugefügt werden.

Nach der Überprüfung des Ergebnisses können Sie Claude kleinere Folgeaufgaben geben. Beispielsweise könnten Sie darum bitten, bearbeitbare Vorlagen für verschiedene Kampagnenphasen hinzuzufügen. Dieser Ansatz ist oft effektiver, als zu versuchen, jedes Detail in der ersten Eingabeaufforderung zu beschreiben.

Beginnen Sie mit einer klaren Spezifikation, lassen Sie Claude den Hauptteil umsetzen und verbessern Sie die Anwendung anschließend durch gezielte Iterationen. So lassen sich große Entwicklungsaufgaben leichter steuern und das Projekt kommt dem fertigen Produkt näher.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 2
some-alt