Skip to main content

​
Überblick

Der neuland.ai HUB unterstützt Sie dabei, HTML-Inhalte direkt im Chat zu erstellen – ohne Programmierkenntnisse. Die KI generiert den Code auf Ihre Beschreibung hin, Sie können das Ergebnis sofort als gerenderte Vorschau prüfen und den fertigen Code anschließend weiterverwenden – zum Beispiel als E-Mail-Vorlage in Ihrem HUB.

​
Wann Sie dieses Feature nutzen können

  • Sie möchten eine gestaltete E-Mail-Vorlage erstellen, ohne selbst HTML schreiben zu müssen.
  • Sie möchten eine HTML-Seite oder ein interaktives Element (z. B. ein Quiz oder eine Übersicht) schnell prototypisch umsetzen.
  • Sie sind Administrator und möchten eigene E-Mail-Vorlagen für Ihren HUB hinterlegen, die bei Systemereignissen wie Willkommens-E-Mails oder Passwort-Resets versendet werden.
  • Sie haben eine bestehende HTML-Datei und möchten diese von der KI analysieren oder weiterentwickeln lassen.

​
So nutzen Sie das Feature

​
1. HTML im Chat generieren lassen

Öffnen Sie einen Chat im neuland.ai HUB und beschreiben Sie, was Sie erstellen möchten. Die KI generiert den HTML-Code direkt in der Antwort. Beispiel-Prompts:
  • „Erstelle mir eine HTML-E-Mail-Vorlage für eine Willkommensnachricht an neue Mitarbeitende. Die E-Mail soll einen Platzhalter für ein Logo, eine freundliche Begrüßung und einen Button ‚Jetzt loslegen’ enthalten.”
  • „Baue mir eine HTML-Seite mit einem einfachen Memory-Spiel mit 8 Kartenpaaren.”

​
2. Vorschau anzeigen und testen

Sobald die KI HTML-Code ausgegeben hat, erscheint in der Toolbar des Code-Blocks ein Auge-Symbol. Klicken Sie darauf, um die gerenderte Vorschau zu öffnen. Die Vorschau zeigt Ihnen das HTML so, wie es im Browser aussehen würde – mit Farben, Schriften und Struktur. Sie können die Vorschau direkt ausprobieren und interaktive Elemente testen. Wenn das Ergebnis noch nicht passt, schreiben Sie einfach im Chat weiter – zum Beispiel: „Mach die Überschrift größer” oder „Füge einen Abstandhalter zwischen Logo und Text ein.” Die KI passt den Code an und Sie können die Vorschau erneut öffnen.

​
3. HTML-Code kopieren

Klicken Sie auf das Copy-Symbol in der Toolbar des Code-Blocks, um den HTML-Code in die Zwischenablage zu kopieren. Von dort können Sie ihn in ein beliebiges Feld einfügen – zum Beispiel in den HTML-Editor einer E-Mail-Vorlage.

​
4. HTML-Datei hochladen (für Analyse oder Weiterverarbeitung)

Sie können auch eine bestehende HTML-Datei direkt in den Chat hochladen. Die KI kann die Datei dann analysieren, überarbeiten oder weiterentwickeln.