Tutorials

Anfänger15 Min.

Das werden Sie lernen:

  • Wie Conductor Ihre Anforderungen analysiert
  • Wie Virtuoso Ihre Anwendung erstellt
  • Der Dual-Agent-Kollaborations-Workflow
  • Grundlegende Projekt-Einrichtung und Konfiguration

Ihr erstes Projekt mit Conductor & Virtuoso

Erstellen Sie Ihre erste Anwendung und verstehen Sie den Dual-Agent-Workflow

Willkommen bei ZBuild Studio! In diesem Tutorial erstellen Sie Ihre erste Anwendung mit unserem einzigartigen Dual-Agent-System. Im Gegensatz zu herkömmlichen KI-Coding-Tools verwendet ZBuild zwei spezialisierte Agenten, die zusammenarbeiten: Conductor (Ihr KI-Produktmanager) und Virtuoso (Ihr KI-Full-Stack-Entwickler).

Am Ende dieses Tutorials werden Sie eine voll funktionsfähige Anwendung haben, die im Web bereitgestellt wurde.

Voraussetzungen

  • Ein ZBuild Studio Konto (Lite- oder Pro-Plan)
  • Grundlegendes Verständnis dessen, was Sie bauen möchten
  • 10-15 Minuten Ihrer Zeit

Schritt 1: Ein neues Projekt starten

Loggen Sie sich bei ZBuild Studio ein und klicken Sie auf die Schaltfläche 'New Project'. Sie werden von Conductor begrüßt, der bereit ist, Ihre Vision zu verstehen.

  1. Navigieren Sie zu studio.zbuild.io und loggen Sie sich ein
  2. Klicken Sie im Dashboard auf 'New Project'
  3. Wählen Sie 'Start from Scratch' oder wählen Sie eine Vorlage aus

Schritt 2: Beschreiben Sie Ihre Anwendung

Sagen Sie Conductor, was Sie bauen möchten. Seien Sie so spezifisch wie möglich – je mehr Details Sie angeben, desto besser das Ergebnis.

Ich möchte eine einfache Task-Manager-App bauen.
- Benutzer können Aufgaben hinzufügen, bearbeiten und löschen
- Aufgaben haben einen Titel, eine Beschreibung und ein Fälligkeitsdatum
- Aufgaben können als erledigt markiert werden
- Sauberes, modernes UI-Design

Profi-Tipp Geben Sie spezifische Funktionen, Benutzerrollen und Designpräferenzen an. Conductor wird bei Bedarf klärende Fragen stellen.

Schritt 3: Überprüfen Sie den Ausführungsplan

Conductor analysiert Ihre Anforderungen und erstellt einen strukturierten Ausführungsplan mit Akzeptanzkriterien für jede Aufgabe.

Nehmen Sie sich Zeit, den Plan zu überprüfen. Sie können Conductor bitten, ihn anzupassen, bevor Virtuoso mit dem Bauen beginnt.

Aufgabenaufschlüsselung

Ihr Projekt wird in überschaubare Implementierungsaufgaben unterteilt

Akzeptanzkriterien

Jede Aufgabe hat klare, überprüfbare Erfolgskriterien

Abhängigkeitszuordnung

Aufgaben werden basierend auf technischen Abhängigkeiten geordnet

Zeitschätzungen

Ungefährer Credit-Verbrauch für jede Aufgabe

Schritt 4: Beobachten Sie Virtuoso beim Bauen

Sobald Sie den Plan genehmigen, übernimmt Virtuoso. Beobachten Sie, wie echter Code geschrieben, getestet und in Docker-Containern ausgeführt wird.

  1. Klicken Sie auf 'Start Building', um die Ausführung zu starten
  2. Beobachten Sie die Live-Code-Ansicht, während Virtuoso Code schreibt
  3. Überwachen Sie die Konsole auf Build- und Test-Ausgaben
  4. Sehen Sie, wie Akzeptanzkriterien abgehakt werden, wenn sie bestanden sind

Virtuoso erkennt und behebt Fehler automatisch. Die meisten Probleme werden innerhalb von 2-3 Iterationen gelöst.

Schritt 5: Testen und Bereitstellen

Sobald alle Akzeptanzkriterien erfüllt sind, ist Ihre Anwendung bereit für die Bereitstellung.

  1. Vorschau Ihrer Anwendung im integrierten Viewer
  2. Nehmen Sie letzte Anpassungen vor, indem Sie mit Conductor chatten
  3. Klicken Sie auf 'Deploy', um im globalen Netzwerk von Cloudflare zu veröffentlichen
  4. Erhalten Sie Ihre öffentliche URL mit automatischem SSL

Was Sie gelernt haben

Herzlichen Glückwunsch! Sie haben erfolgreich Ihre erste Anwendung mit ZBuild Studio erstellt.

  • Wie Sie Ihr Projekt gegenüber Conductor beschreiben
  • Wie Sie Ausführungspläne überprüfen und genehmigen
  • Wie Sie den Build-Prozess von Virtuoso überwachen
  • Wie Sie Ihre Anwendung in der Produktion bereitstellen

Nächste Schritte

Bereit, Ihr nächstes Projekt zu bauen?

Jetzt, da Sie die Grundlagen verstehen, versuchen Sie, etwas Komplexeres zu bauen!