Website Redesign Prompts für bestehende Projekte

Vor einem KI-Redesign den Zustand prüfen

Notieren Sie Stack, Routen, gemeinsame Elemente, Texte und Hauptaktionen. Prüfen Sie reale Desktop- und Mobilansichten auf Hierarchie, Lesbarkeit, Layout und Verhalten. So richtet sich der Auftrag gegen die Ursache statt nur zusätzliche Dekoration zu erzeugen.

Navigation, Formulare und SEO schützen

Nennen Sie Ziele, Login- und Checkout-Verhalten, Preise und Analyseereignisse ausdrücklich. Bewahren Sie Titel, Beschreibungen, canonical/hreflang und interne Links, soweit Änderungen nicht zum Auftrag gehören. Prüfen Sie danach erneut: Ein neues Layout beweist weder Suchwachstum noch höhere Conversion.

Screenshots als Belege statt als Kopiervorlage nutzen

Verwenden Sie eigene oder erlaubte Referenzen und nennen Sie Bereich und Ansichtsbreite. Beschreiben Sie gewünschte Reihenfolge, Abstände, Kontrast oder Bildplatzierung für das bestehende Produkt und seine Komponenten. Übernehmen Sie keine fremde Identität oder Behauptungen.

Mobile Layouts in einem begrenzten Durchgang reparieren

Finden Sie vor globalen Stiländerungen das überlaufende Element. Erhalten Sie wichtige Inhalte und prüfen Sie 320, 390, 768 und 1280 px, Fokus, Links und Bilder. Die Übung ist ein Eingabevorschlag und kein Nachweis, dass Ihre Website diese Prüfungen bestanden hat.

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.

Audit this existing website before redesigning it.
Read its stack, routes, page copy, API calls, forms and shared components.
Protected: canonical URLs, navigation destinations, login/checkout behavior,
prices, analytics events and existing product facts.
Goal: make the offer and primary action easier to understand without new claims.

Record the current desktop and mobile layouts. Identify the three most useful
presentation changes, with section names and screenshot evidence.
Propose a small plan: hierarchy, typography, spacing and reusable component rules.
After approval, change one section first and show the result before expanding.
Retest the original links/forms, 1280/390/320 px layouts, keyboard focus and images.
Preserve headings, metadata, canonical/hreflang and internal links unless the
brief explicitly calls for an SEO change. Report actual checks, not assumed passes.

Repair horizontal overflow at 320 px in the existing hero.
Find the element causing overflow before changing styles.
Preserve desktop layout, copy, image meaning, primary action and all destinations.
Use wrapping, responsive sizing or a stacked layout appropriate to this section;
do not hide meaningful content or disable horizontal scrolling on the whole page.
Check the same hero at 320, 390, 768 and 1280 px, including keyboard focus.
Return the changed files, before/after evidence and unresolved failures.

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.

Ein Claude-Prompt für die Überarbeitung bestehender Websites

Beginne mit einem Hero, der vorhandenen Komponentenbibliothek und dem ursprünglichen Aktionsziel. Der vollständige Auftrag schützt Produktfakten und Verhalten und gibt Claude Code eine konkrete Gestaltungsaufgabe.

Belege zum Ergebnis aufbewahren

Bewahre geänderte Dateien, Screenshots gleicher Breite, das ursprüngliche Aktionsziel sowie Prüfungen von Tastatur, Mobilansicht und geschützten Verträgen auf. Kennzeichne nicht durchführbare Prüfungen als offen.

Dies sind eigene vorgeschlagene Claude-Code-Eingaben, keine gemessenen Claude-Ausgaben. Wähle Skills nach Aufgabe, prüfe Abhängigkeiten und bewahre Projektfakten. Taste ist ein unabhängiges Community-Projekt.

• Frontend Design Skill fehlt oder wird nicht ausgelöst?
• Taste Skill — Frontend-Design (v2 experimentell)

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

• Claude Code
• Google Search Central

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