Prompts web pour Stitch : briefs SaaS et portfolio

Donner à Stitch une tâche web précise

Avant la décoration, indiquez public, objectif, ordre des sections et action principale. Fournissez textes réels et médias autorisés, en signalant les espaces réservés. Choisissez page d’accueil, portfolio ou écran complémentaire pour ne pas mélanger des parcours différents.

Prompts SaaS pour expliquer l’offre

Présentez problème, exemple de produit et déroulement avec des fonctionnalités et faits commerciaux vérifiés. Fieldnote emploie une note fictive et un lien vers le processus, sans faux témoignages, chiffres clients ou formulaire d’inscription fonctionnel.

Prompts de portfolio avec contexte de projet

Pour chaque projet, décrivez rôle, contrainte et résultat illustratif. Rapprochez texte et image sur mobile et marquez les médias temporaires. Mira est un portfolio web fictif, pas un CV, un modèle Notion ni une recommandation réelle.

Ajuster le mobile puis vérifier l’implémentation

Ciblez une section et conservez la direction ailleurs. Vérifiez ordre de lecture, retours à la ligne et noms des actions. Une fois le concept intégré au site, testez navigation, formulaires, tailles et contenu. Un concept visuel ne prouve pas le fonctionnement en production.

Exercices originaux à adapter

Ces exemples originaux de Neruve restent en anglais. Ce sont des entrées proposées, pas des résultats testés ni des prompts de modèles payants. Remplacez les faits fictifs avant utilisation.

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.

Exercice réel : Fieldnote avec Codex

Fieldnote comprend le brief original, le HTML Codex non modifié et les vérifications sur ordinateur et mobile. Aucun Skill frontend-design n’a été fourni ; ce n’est pas un test de ChatGPT ou de Claude Design.

Questions fréquentes

Explorer les designs et leurs prompts

Le catalogue public de Neruve propose des designs web, des prompts associés disponibles et un répertoire de Skills. Les aperçus interactifs sont accessibles sans connexion ; les prompts suivent les droits du contenu et de votre offre. Ce workflow utilise votre propre outil de développement et ne nécessite pas de générateur public de sites Neruve.

• Explorer la bibliothèque
• Landing pages HTML pour SaaS et prompts
• Modèles de sites portfolio et prompts de design

Références officielles

• Google · Stitch
• Google · DESIGN.md

Les outils et skills externes appartiennent à leurs auteurs. Les liens servent de références, sans partenariat ni accès inclus.