Kostenlos starten
← Alle Anleitungen

Deinen Plan lesen – Live-Vorschau, Plan, Funktionen und Zusammenfassung

Sobald dein erster Entwurf existiert, öffnet er sich in einem Arbeitsbereich mit vier Registerkarten sowie der dauerhaft angezeigten Live-Vorschau und Symbolleiste daneben. Diese Anleitung erklärt, was jede davon tatsächlich zeigt und wofür sie da ist.

1

Registerkarte Live-Vorschau

Diese Registerkarte ist eine Rahmenkarte, nicht die Vorschau selbst – der eigentlich gerenderte Entwurf befindet sich in der dauerhaft angezeigten rechten Spalte daneben (die Steuerelemente dafür findest du in der Anleitung „Symbolleiste über deiner Live-Vorschau“). Die Karte hier zeigt oben ein Banner mit dem Text „🚧 Das ist Entwurf V1 – ein echter Ausgangspunkt, nicht das fertige Produkt“, deinen aktuellen Stil als Etikett („🎨 Stil: …“) und zwei Aktionen: „🔄 Andere Richtung ansehen“, mit der du deinen Entwurf direkt dort durch die anderen Stiloptionen von aiKit wechselst, um sie schnell zu vergleichen, und „✏️ Mach es zu deinem →“, das dich in den unter „Entwurf überarbeiten“ beschriebenen Überarbeitungschat führt.

Ein echter erster Entwurf auf der Registerkarte Live-Vorschau – das Banner Entwurf V1, das Stil-Etikett und die tatsächlich erzeugte Website daneben.
2

Registerkarte Plan

Diese Registerkarte beginnt mit dem gleichen Projektplan-Bereich, der vor deinem Entwurf verwendet wurde (siehe unten die genaue Aufschlüsselung), gefolgt von einer Gliederung deines tatsächlich erzeugten Entwurfs Abschnitt für Abschnitt: „📋 Abschnitt für Abschnitt – passe alles an oder entferne es.“ Jeder echte Abschnitt deines Entwurfs wird mit seinem Symbol, seiner Bezeichnung, seiner Beschreibung und einem Badge „Beispiel“ aufgeführt, wenn es sich um Platzhalterinhalt handelt, den aiKit erfunden hat, weil du noch nicht die echte Version angegeben hast.

Jeder Abschnitt hat seine eigene Umschalttaste „💬 Diesen Abschnitt anpassen oder entfernen“ (sie wechselt zu „✕ Abbrechen“, sobald sie geöffnet ist), die direkt unter dem Abschnitt einen Inline-Editor einblendet – ein Textfeld (Platzhalter z. B. „Füge hier auch unsere Öffnungszeiten hinzu“ oder „Diesen Abschnitt komplett entfernen“) mit einer Schaltfläche zur Spracheingabe, der Option „Ohne Änderung beenden“ und „Diesen Abschnitt aktualisieren →“ zum Absenden. Es ist immer nur der Editor eines Abschnitts geöffnet, und nur dieser eine Abschnitt wird aktualisiert – der Rest deines Entwurfs bleibt unverändert.

3

Der Projektplan-Bereich – Grundlage, Pflichtteile und Überlegenswertes

Dieser Bereich erscheint sowohl vor deinem Entwurf (als gesamte rechte Spalte) als auch oben auf der Registerkarte Plan, sobald du einen Entwurf hast. Er beginnt mit einer Statusleiste, die alle vier Bauphasen mit einem echten Fortschrittsbalken in Prozent zeigt – keine statische Checkliste. Bevor ein Entwurf existiert, ist der Prozentwert der aktuellen Phase eine echte Auswertung deiner ausgefüllten Felder; danach zeigt er den tatsächlichen Anteil deiner Abschnitte, die nicht mehr als „Beispiel“ markiert sind.

„Die Grundlage“ ist ein kurzer Absatz, der erklärt, warum dein Projekt wichtig ist. Er wird von der KI geschrieben, sobald du ihr genug Informationen gegeben hast. Während er erstellt wird, erscheint ein Platzhalter, und wenn der Aufruf fehlschlägt, erscheint ein Link „Erneut versuchen“.

„Pflichtteile“ listet die Abschnitte auf, die dein Projekt tatsächlich braucht. Bevor ein Entwurf existiert, sind dies von der KI vorgeschlagene Abschnittsideen mit jeweils einer Zeile Begründung; sobald ein echter Entwurf existiert, wird diese Liste zu den echten, erzeugten Abschnitten deines Entwurfs (ohne zusätzliche Wartezeit, da nur dein tatsächlicher Inhalt gelesen wird).

„Überlegenswert“ zeigt Funktionsmöglichkeiten, die speziell zu deinem Unternehmen passen. Vor einem Entwurf stammen diese aus derselben Vorschlags-Engine wie die Funktionscheckliste im Formularmodus; sobald ein Entwurf existiert, wird daraus der echte Funktionsplan deines Projekts (dieselbe Liste, die du auf der Registerkarte Funktionen abhakst und verwaltest).

Jeder dieser drei Abschnitte hat eine eigene, schlanke Zeile „+ Eigenen hinzufügen“, in die du eine frei formulierte Notiz oder Idee eintragen kannst, die an diesen Abschnitt angehängt wird. Diese Notizen sind Sitzungsnotizen, die du während der Planung siehst; sie werden noch nicht wie Abschnitte und Funktionen in deinem Projekt gespeichert.

4

Registerkarte Funktionen

Unter der Überschrift „✨ Nicht nur eine Website – das komplette System, mit dem dieses Unternehmen arbeiten könnte“ listet diese Registerkarte jede vorgeschlagene Funktion als Kontrollkästchen auf – nur angehakte Funktionen werden in deinen Plan aufgenommen. Jede Zeile hat außerdem eine Umschalttaste „💬 Erweitern“, die denselben Inline-Editor öffnet wie der Abschnittsanpasser auf der Registerkarte Plan (Textfeld + Spracheingabe + „Diese Funktion aktualisieren →“), um mehr Details zu dieser einen Funktion anzufordern, sowie eine Papierkorb-Schaltfläche, die sie ohne Bestätigungsschritt sofort entfernt.

Darunter kannst du direkt eine eigene Funktionsidee eingeben (Platzhalter: „Eine Idee? z. B. ‚Kunden die Anzahlung online bezahlen lassen‘“) und sie dem Plan hinzufügen, oder auf „💡 Weitere Optionen vorschlagen“ tippen, damit aiKit zusätzliche Funktionsideen ohne eigene Vorgabe erzeugt.

Ein Kontrollkästchen unten, „Dieses Projekt für zusätzliche Begleitung durch unser Team markieren, während ich arbeite“, lässt dich das Projekt für mehr Aufmerksamkeit kennzeichnen.

5

Registerkarte Zusammenfassung

Ein Snapshot mit echten Daten, der zeigt, wo dein Projekt gerade steht: Name, Projekttyp, Stil, Status, Zielgruppe, Ziel, Beschreibung, deine vollständige Liste der Abschnitte (mit „Sample“-Kennzeichen) und Funktionen (angehakt/nicht angehakt). Er ist zum Ansehen am Bildschirm oder zum Herunterladen gedacht, um ihn mit anderen zu teilen – das ist etwas anderes als dein aktiver veröffentlichter Link.

Die Schaltfläche „⬇ Zusammenfassung herunterladen“ erstellt und lädt eine echte Markdown-Datei (.md) herunter, die vollständig aus deinen tatsächlichen Projektdaten besteht – ohne erfundene Inhalte – und nach deinem Projekt benannt ist (z. B. „acme-landscaping-summary.md“). Auf diesem Tab gibt es keine separate Teilen-Aktion; deinen aktiven Link teilst du stattdessen über die Schaltfläche „Teilen“ in der Symbolleiste.

Nächste Anleitung Deinen Entwurf überarbeiten

Lieber eine schnelle, konkrete Frage? Zu den FAQ.