Webdesign-Prompts für ChatGPT

Vollständiges Briefing liefern

Nennen Sie Zielgruppe, Zweck, Abschnitte, Texte und Hauptaktion. Beschreiben Sie wenige konkrete visuelle Entscheidungen. Bewahren Sie Fakten, Preise und Links; fehlende Informationen sollen benannt werden, statt Bewertungen oder Funktionen zu erfinden.

Dateien und verfügbare Vorschau prüfen

Verlangen Sie Dateinamen und Hinweise zum Öffnen. OpenAI beschreibt HTML-Vorschauen im Dateibetrachter, sofern verfügbar. Erhalten Sie nur Code, speichern und öffnen Sie ihn lokal. Sites ist ein eigener Ablauf für Erstellung und Hosting; ein Prompt allein veröffentlicht keine Website.

Ein sichtbares Problem korrigieren

Nennen Sie Breite, Abschnitt und gewünschtes Ergebnis. Korrigieren Sie etwa eine bei 320 Pixel überlaufende Notiz und bewahren Sie Desktop-Typografie und Links. Öffnen Sie die geänderte Datei: Eine CSS-Erklärung ist keine Browserprüfung.

Dateien und Grenzen übergeben

Geben Sie echte Dateien, Briefing, Ressourcenliste und offene Probleme an den Coding-Agenten. Er soll Framework und Routen untersuchen, Authentifizierung, Preise und Backend-Verträge bewahren und Aktion, Mobilansicht sowie Tastatur im realen Projekt prüfen.

Eigene Übungen zum Anpassen

Diese eigenen Neruve-Beispiele bleiben auf Englisch. Sie sind vorgeschlagene Eingaben, keine geprüften Tool-Ergebnisse oder kostenpflichtigen Template-Prompts. Ersetzen Sie die fiktiven Angaben vor der Verwendung.

Create an original website brief for Fieldnote, a fictional research-notes app.
Audience: small product teams. Explain collect → compare → decide.
Output: one self-contained HTML/CSS file if your current tools can create files;
otherwise provide complete code and explain how to open it locally.
Use warm paper, ink text and one clearly fictional research-note specimen.
Sections: introduction, specimen, three-step workflow and a closing workflow link.
The primary action is “Explore the workflow” and targets #workflow.
Include semantic headings, a skip link, visible focus and reduced motion.
Support 1280, 390 and 320 px. Do not add signup, prices, customer logos or metrics.
List the output files and the checks actually performed.

Review the current Fieldnote output. At 320 px, the note specimen extends
beyond the viewport. First identify the specific element and sizing rule.
Change only the specimen layout; preserve desktop typography, all copy and links.
Use wrapping or responsive sizing instead of hiding content or clipping the page.
Return the changed file, then repeat 320, 390 and 1280 px checks.
If you cannot open the result in a browser, mark those checks as not performed.
Do not describe proposed CSS as a verified fix.

Ein echter Versuch: Fieldnote mit Codex

Fieldnote enthält das originale Briefing, unverändertes Codex-HTML sowie Desktop- und Mobilprüfungen. Es wurde kein frontend-design Skill bereitgestellt; dies ist kein Test von ChatGPT oder Claude Design.

Häufige Fragen

Designs und zugehörige Prompts entdecken

Neruves öffentlicher Katalog bietet Webdesigns, verfügbare zugehörige Prompts und ein Skills-Verzeichnis. Interaktive Vorschauen sind ohne Anmeldung verfügbar; Prompts unterliegen den Zugriffsrechten des Eintrags und Tarifs. Dieser Workflow nutzt dein eigenes Entwicklungstool und benötigt keinen öffentlichen Neruve-Website-Generator.

• Bibliothek entdecken
• HTML-Landingpages für SaaS und Prompts
• Portfolio-Website-Vorlagen und Design-Prompts

Offizielle Quellen

• OpenAI · Files and previews
• OpenAI · Sites

Externe Tools und Skills gehören ihren jeweiligen Autoren. Die Links dienen als Quellen und bedeuten weder eine Partnerschaft noch enthaltene Zugangsrechte.