Stitch Website Design Prompts für SaaS und Portfolios

Stitch eine konkrete Website-Aufgabe geben

Beschreiben Sie Zielgruppe, Ziel, Abschnittsfolge und Hauptaktion vor dekorativen Details. Geben Sie echte Texte und erlaubte Medien an; kennzeichnen Sie Platzhalter. Entscheiden Sie zwischen Landingpage, Portfolio und ergänzendem Bildschirm, damit verschiedene Abläufe nicht vermischt werden.

SaaS-Prompts mit einem verständlichen Angebot

Erklären Sie Problem, Produktbeispiel und Nutzungsschritte mit geprüften Funktionen und Geschäftsfakten. Fieldnote verwendet eine fiktive Forschungsnotiz und einen Ablauf-Link statt erfundener Bewertungen, Kundenzahlen oder einer funktionierenden Anmeldung.

Portfolio-Prompts mit Projektkontext

Beschreiben Sie Rolle, Einschränkung und beispielhaftes Ergebnis je Projekt. Halten Sie Text und Bild auf Mobilgeräten zusammen und kennzeichnen Sie Platzhalter. Mira ist ein fiktives Website-Portfolio, kein Lebenslauf, Notion-Template oder echte Empfehlung.

Mobil verfeinern und Implementierung prüfen

Ändern Sie einen benannten Bereich und bewahren Sie die übrige Richtung. Prüfen Sie Lesereihenfolge, Umbrüche und Beschriftungen. Nach Übernahme ins Website-Projekt testen Sie Navigation, Formulare, responsive Ansichten und Inhalte. Ein Konzept allein belegt kein Produktionsverhalten.

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.

Design a website concept for Fieldnote, a fictional research-notes workspace.
Audience: small product teams. The page explains collect → compare → decide.
Create a warm-paper and ink direction with one realistic, clearly fictional note.
Sections: compact introduction, note specimen, three-step workflow and a final
link to the workflow. The primary action reads “Explore the workflow”.
Keep typography and button treatments consistent across the screens.
Create desktop and narrow-screen variants with readable copy and no horizontal
overflow. Do not add signup forms, prices, logos, testimonials or user counts.
This is a visual concept. Identify which interactions need implementation later.

Create a website concept for Mira Chen, a fictional product designer.
Show three explicitly fictional projects. Each explains role, constraint and
illustrative outcome without fabricated business metrics or employer logos.
Use a restrained warm-neutral direction, clear project hierarchy and readable
image captions. The primary action is “View selected work”.
Show desktop and narrow-screen layouts; on mobile, keep project details near
their corresponding image. Use placeholder media labelled as placeholder.
Do not invent real contact details, awards or working application forms.

Refine only the mobile project section in this concept.
Keep the selected palette, typography, project order and desktop direction.
At 390 px, stack each project image, title and supporting text in reading order.
Keep controls easy to distinguish from captions. Do not shorten the project facts
or add new sections. Show the changed section and list what still needs to be
implemented and checked in the exported website.

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

• Google · Stitch
• Google · DESIGN.md

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