Comment formuler vos demandes

Vous n’avez pas besoin de bien écrire pour que Setherion construise quelque chose. Vous devez en revanche être clair sur ce que vous voulez, et plus clair encore sur ce que vous voulez changer.

Tout ce qui suit est une bonne habitude, pas une règle. Rien ici n’est obligatoire, et une phrase simple suffit.

Dites ce que c’est et pour qui

La première phrase décide de ce qui sera construit. Elle est lue pour trois choses : de quel genre de chose il s’agit, de quoi elle parle, et ce qu’elle doit avoir.

La ligne au-dessus de la zone de saisie, avec Website, Web App, Mobile App, Landing Page, 3D Game et SaaS, fait le même travail en un seul appui. Servez-vous-en quand votre phrase pourrait désigner deux d’entre eux. « Un site web pour un centre médical » peut être un site pour ses patients ou l’écran sur lequel son personnel travaille, et cette marque tranche.

Nommez les parties que vous voulez

Une application est plus facile à demander sous forme de liste de parties que sous forme d’idée. Tout ce que vous nommez est construit. Tout ce que vous omettez est deviné, et la supposition est généralement raisonnable, mais elle reste une supposition.

A landing page for a coffee shop, with the menu, the opening hours,
photos of the place, a map, and a form for table reservations

Vous n’avez pas besoin de décrire l’apparence de chaque partie. « Une galerie » suffit ; « une galerie de trois colonnes sur un ordinateur et d’une seule sur un téléphone » est ce qui se produit déjà.

Changez une chose à la fois

Un changement se comprend par rapport à l’application telle qu’elle est maintenant, donc il peut être court. « Rends l’en-tête sombre » est une demande complète.

Plusieurs changements sans rapport dans un seul message sont plus difficiles à réussir que les mêmes changements envoyés l’un après l’autre, et quand quelque chose tourne mal, vous ne pouvez pas savoir quelle partie en est la cause. Envoyez-les séparément.

Au lieu d’un message qui porte tout :

Make the header dark, add a reservation button, change the font,
add a gallery and translate it into German

envoyez-en trois, et regardez l’application entre chacun :

Make the header dark
Add a Reserve a table button in the header
Add a photo gallery under the menu

Désignez ce dont vous parlez

Des mots comme « ce bouton » ne signifient rien tout seuls, et il existe un moyen plus rapide que de décrire où il se trouve.

• Edit dans l’aperçu : cliquez sur un mot ou une image et changez-le directement, sans demande.
• La case au-dessus de l’aperçu nomme la section que vous regardez, et vous mène à n’importe quelle autre. Un nom de section dans votre demande indique de quelle partie vous parlez.
• Dans le code, sélectionnez quelques lignes et envoyez-les avec votre message. Elles arrivent jointes à celui-ci, donc « ceci fait une erreur quand la liste est vide » suffit.
• Avec le code à côté de l’aperçu (Split view), activez le pointeur et cliquez sur n’importe quoi dans l’aperçu : le fichier s’ouvre à la ligne qui le produit, prêt à être joint. Consultez Code.
• Sur une image dans la vue Code, Draw la marque en rouge pour montrer ce que vous voulez dire, et Add to chat l’envoie avec votre prochain message.

Montrez ce que vous voulez dire

Le + à côté de la zone de saisie permet d’ajouter une image ou un document, et plus encore.

• Upload a file. Une capture d’écran ou une photo d’une maquette : l’application est construite pour y ressembler. Un menu, une liste de prix, un catalogue en fichier PDF, Word, texte, Markdown, CSV ou JSON : ce qu’il contient se retrouve dans l’application, au lieu d’être inventé. Cliquez ensuite sur la miniature pour voir ce que le constructeur en a fait.
• Import from Figma, pour une maquette que vous avez déjà : l’application est construite à partir d’un de ses cadres. Import from Canva apporte les pages d’une création sous forme d’images à placer dans l’application.
• Import an app créée ailleurs, depuis Lovable, Bolt, v0, Base44, GitHub, un ZIP ou un tableur : Setherion la reconstruit ici. Celui-ci se trouve sur le tableau de bord. Consultez Importer une application.
• Connectors : les services que cette application peut utiliser, comme les paiements ou l’e-mail. Skills : ce qu’il faut y intégrer, comme la connexion ou les réservations. Consultez Connecteurs et Skills.
• Connect your repo, sous GitHub project sur le tableau de bord : connectez-vous une fois à GitHub, puis poussez le code depuis l’éditeur, sur un forfait payant.

Dans l’éditeur, le menu est un peu différent : Upload file, Media AI (une image ou une vidéo, créée et placée dans l’application : consultez Outils média et design), Design (Figma et Canva), Connectors et Skills.

Dites-le au lieu de le taper

Le microphone à côté du bouton Build prend ce que vous dites. Vos mots apparaissent dans la zone de saisie au fur et à mesure, et vous appuyez de nouveau dessus pour arrêter. Relisez, changez ce que vous voulez, et envoyez. Il fonctionne dans la langue du navigateur. Consultez Build, Chat et Plan.

Montrer est généralement plus rapide que décrire une apparence avec des mots, et c’est le seul moyen d’intégrer votre propre contenu dès la première construction.

Écrivez dans votre langue

Écrivez comme vous parlez. Setherion reconnaît la langue de votre demande, et l’application sort dans cette langue : ses boutons, ses titres, les mots de ses pages.

Le roumain, l’anglais, l’espagnol, le français, l’allemand, l’italien, le portugais, le néerlandais, le polonais, le chinois, le japonais, le coréen, le russe, l’arabe, l’hébreu et le grec sont tous reconnus. Si vous voulez une application dans une autre langue que celle dans laquelle vous écrivez, dites-le : « en anglais » à la fin de la demande suffit.

Les règles qu’une application suit toujours

Certaines choses ne devraient pas avoir à être répétées. Dans l’éditeur, AI Controls se trouve au bas de la liste des modèles : appuyez sur le bouton du modèle à côté de la zone de saisie, celui qui affiche Auto. Il en contient deux :

• Custom instructions : des règles suivies à chaque construction et à chaque modification de cette application. « Garde le thème sombre », « n’utilise jamais d’orange », « tous les prix en livres », « écris le texte sur un ton formel ».
• Freeze Files : des fichiers que rien n’a le droit de toucher. Figez la page que vous avez réussie exactement comme vous la vouliez, et le prochain changement ne pourra pas la défaire.

Consultez Contrôles de l’IA pour les deux.

Quand vous ne savez pas bien ce que vous voulez

Deux modes existent pour cela.

• Plan, derrière le bouton Build sur le tableau de bord et dans l’éditeur, vous pose quelques questions rapides et vous montre une carte de l’application avant d’écrire un seul fichier. Il vaut le coup pour tout ce que vous n’avez pas pensé jusqu’au bout. Alt+P passe au mode suivant sans ouvrir le menu.
• Chat, dans l’éditeur, parle de l’application et ne touche jamais à votre code. Demandez « qu’ajouterais-tu à cette page ? » ou « pourquoi le formulaire est-il en bas ? » et rien n’arrive à l’application.

Quand quelque chose tourne mal

Dites ce qui ne va pas, pas simplement que cela ne va pas. « Le formulaire ne s’envoie pas » est un constat ; « le formulaire dit qu’il s’est envoyé mais rien n’arrive » est quelque chose qui peut être corrigé.

Si un changement a empiré les choses, dites-le aussi. « Remets le menu comme il était avant ce changement » est compris.