change home page desgin for blog and documentation platorm
Lässt eine neue Startseiten-UI für Blog- und Doku-Plattformen mit Header, Tags und Karten entwerfen.
Lässt eine neue Startseiten-UI für Blog- und Doku-Plattformen mit Header, Tags und 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 kurzer Redesign-Auftrag für die Startseite einer Blog- und Doku-Plattform: Header-Leiste, Tags, Blog-Karten und Doku-Karten sollen visuell überarbeitet werden. Der Prompt selbst liefert keine Vorgaben zu Farben, Raster oder Zielgruppe – er eignet sich als Ausgangspunkt, den man mit eigenen Design-Vorgaben wie Screenshot des Ist-Zustands, Styleguide oder Zielgeräten anreichert. Für alle, die schnell UI-Vorschläge für eine Content-Plattform brainstormen wollen, aber selbst wenig Design-Erfahrung haben. Ohne zusätzlichen Kontext bleiben die Ergebnisse generisch, da die KI Struktur und Stil komplett selbst erfinden muss.
Praxis-Tipp
Lade einen Screenshot der aktuellen Seite hoch und ergänze Stichworte wie “minimalistisch”, “Dark Mode” oder Referenz-Websites, damit der Vorschlag zum eigenen Look passt.
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, Ordnerstruktur).
Accessibility Auditor
Lässt ChatGPT als Accessibility-Experte eine Website 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 Repos hinweg und trennt Dependency- von Base-Image-Ursachen.
