One Page Website

Generiert komplette One-Page-Website in einer HTML-Datei

Für wen: Schnelle Landingpages, Prototypen

So nutzt du es

Den Prompt-Text kopieren und als System-Prompt bzw. erste Nachricht in ChatGPT (oder jedem anderen Chat-Modell) einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen, als Custom GPT verpacken — oder einfach je Unterhaltung einsetzen.

Im Detail

Dieser Prompt verwandelt eine kurze Beschreibung direkt in eine vollständige, einsatzbereite One-Page-Website – HTML, CSS und JavaScript in einer einzigen Datei, ohne Rückfragen oder Erklärtext. Enthalten sind moderne Designprinzipien, interaktive Elemente wie Dropdowns und Buttons sowie ein responsives Layout für Desktop, Tablet und Smartphone. Der Vorteil gegenüber Website-Baukästen: Sie erhalten sofort nutzbaren, semantischen Code zum direkten Öffnen im Browser oder Weiterbearbeiten, ganz ohne Account oder Abo. Wer komplexere Mehrseiten-Strukturen, ein CMS oder eine Backend-Anbindung braucht, ist damit nicht bedient – der Prompt zielt bewusst auf schnelle, einfache Landingpages und Prototypen ab.

Praxis-Tipp

Beschreiben Sie Zweck, Inhalt und gewünschte Stimmung der Seite so konkret wie möglich (z. B. “Landingpage für ein veganes Café, warme Farben, Speisekarte als Akkordeon”), dann erhalten Sie direkt fertigen Code.

Siehe auch

• Programming Assistant

Lizenz & Quelle

• Lizenz: MIT
• Quelle: github.com/abilzerian/LLM-Prompt-Library

Lade …