OpenAI & ChatGPT · Foto: Kevin Rheese, CC BY 2.0
change home page desgin for blog and documentation platorm
Zuletzt aktualisiert:
Typ
Prompt
Lizenz
CC0-1.0 (Public Domain)
Anwendungsfeld
Prompt-Bibliothek
Voraussetzungen
Keine besonderen — direkt loslegen.
Lässt eine neue Startseiten-UI mit Header, Tags und Content-Karten entwerfen.
Der Prompt
change home page desgin which contain header bar,tags,blog cards and docs card , give better ui design
So nutzt du es
Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.
Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“
Im Detail
Ein sehr kurzer, umgangssprachlich formulierter Prompt, der ein neues Startseiten-Design für eine Blog- und Dokumentationsplattform anfordert – mit Header-Leiste, Tag-Filtern sowie Karten für Blogbeiträge und Doku-Artikel. Da die Anfrage nur die gewünschten Bausteine nennt, aber keine Vorgaben zu Designsprache, Farben oder bestehendem Layout macht, liefert die KI ein generisches Vorschlagsdesign statt einer auf die tatsächliche Marke abgestimmten Lösung. Als schneller Ausgangspunkt für ein Redesign-Brainstorming brauchbar, für belastbare Ergebnisse sollte man aber Kontext wie Screenshots des Ist-Zustands oder ein Styleguide ergänzen.
Praxis-Tipp
Hängen Sie einen Screenshot der aktuellen Startseite und Ihre Farb-/Schriftvorgaben an den Prompt an, damit der Vorschlag zur bestehenden Marke passt statt generisch zu bleiben.
Siehe auch
Lizenz & Quelle
- Lizenz: CC0-1.0 (Public Domain)
- Quelle: awesome-chatgpt-prompts (GitHub)
Inhalt ansehen (change-home-page-desgin-for-blog-and-documentation-platorm.txt)
Lade …
Erfahrungen & Kommentare.
Funktioniert der Prompt bei Ihnen? Tipps, Stolperfallen, Varianten — teilen Sie es mit der Community.
Lade Kommentare …
Passt dazu.
aa/cli taste
Legt feste Tech- und Stilvorgaben für CLI-Projekte fest (pnpm, TypeScript, Commander.js, klare Ordnerstruktur).
Accessibility Auditor
Lässt die KI als Accessibility-Experte auf WCAG-2.2- und Section-508-Konformität prüfen.
Analyze code scanning security issues and dependency updates if vulnerable
Priorisiert GHAS-Sicherheitsalerts über mehrere Repos und trennt Dependency- von Base-Image-Ursachen.
