Zum Inhalt
Alle Missionen

Fliegen · Setup und live gehen · etwa 180 Minuten

Vom Grundriss zur Seite im Netz

Das Bild: Bauplan mit Unterschrift, dann der Bau

Worum es geht

Ein Haus entsteht in einer festen Reihenfolge: Skizze, Materialmuster, Bauplan mit Unterschrift, Bau, Abnahme durch Fachleute, Einzug. Deine KI baut deine Seite genauso, wie in einer kleinen Fabrik: Jeder Schritt hat ein Ergebnis, gebaut wird erst nach deiner Unterschrift unter den Bauplan, und ins Netz geht die Seite erst, wenn die Prüfungen gemacht sind und du sie freigegeben hast. Auf deiner Insel im Cockpit wächst dein Haus mit jedem Schritt.

Was du lernst

  • eine Skizze (Mockup) und Entwürfe anzuschauen und zu wählen
  • was ein Designsystem ist und warum Farben und Schriften nur an einem Ort stehen
  • was ein Bauplan (PRD) mit Abnahmekriterien ist und warum du ihn vor dem Bau abnimmst
  • wie vier Prüfungen (Sicherheit, Abläufe und Zugang, Aussehen, Code und Tempo) eine Seite abnehmen
  • deine Seite zuerst auf dem eigenen Computer anzuschauen
  • wie ein Eintrag im Logbuch über den Hafen ins Netz kommt

So gehst du vor

  1. Deine KI zeigt dir eine Skizze der Startseite und dann zwei bis drei Entwürfe. Du wählst einen, daraus entsteht das Designsystem.
  2. Sie schreibt den Bauplan mit der Liste, was am Schluss geprüft wird. Du liest ihn und sagst Ja oder was noch fehlt.
  3. Sie baut die Seite und zeigt sie dir im Browser, in Handy- und in Computerbreite.
  4. Sie prüft die Seite in vier Bereichen und zeigt dir die Berichte mit Ampel.
  5. Du gibst die Seite frei. Erst dann schickt sie alles in den Hafen, und kurz danach ist deine Seite unter deiner Adresse im Netz.

Geschafft, wenn

  • in deinem Projekt in docs/prd.md die Freigabe steht (Freigegeben:) und
  • deine Seite unter https://deinname.aufwind.sh antwortet.

Woran Albatros sieht, dass es geklappt hat

  • Auf deinem Server liegt die Datei ~/projekt/docs/prd.md mit «Freigegeben:».
  • Die Adresse https://{name}.aufwind.sh antwortet.

Sag deiner KI: «Prüf die Mission webseite-02-bauen». Skill: webseite-bauen.