· Depuis Soreno 0.7.0

/mockup : la maquette avant le code

Dans le Chat (OMP) de Soreno 0.7.0, /mockup demande à OMP une maquette HTML, affichée à côté de la conversation. Cliquez sur un élément pour la retoucher, et comparez les options d’une question côte à côte.

Décrire un écran en mots, c’est laisser l’agent l’imaginer à sa façon. Depuis Soreno 0.7.0, le Chat (OMP) peut d’abord vous le montrer : /mockup suivi du sujet, et OMP répond par une maquette HTML, affichée à côté de la conversation, sans toucher à un fichier.

Une question, trois variantes

Pendant un cadrage /grill, Maquetter cette question met la question en cours de côté et demande à OMP une variante par option : A, B, C, côte à côte, sur le même contenu. Puis il vous repose la question. Vous répondez en regardant les trois, et la réponse rejoint les décisions du cadrage.

Soreno avec la maquette d’un journal des livraisons de webhooks à droite, en largeur Bureau : trois variantes côte à côte, A Ligne rouge et Relancer, B Badge et détail dépliable, C Échecs regroupés en tête. Au centre, la colonne Cadrage repose la question « Comment présenter une livraison échouée ? ».
Les trois réponses possibles, côte à côte, pendant que la question attend.

Mobile, tablette ou bureau

L’aperçu prend la place des outils du projet. La maquette s’y affiche en largeur Mobile, Tablette ou Bureau, réduite pour tenir dans le panneau ; le choix est mémorisé. Les flèches parcourent les maquettes de la conversation, et Copier le HTML récupère celle affichée. Dans la conversation, chaque maquette tient sur une carte, Maquette 1, Maquette 2…, qui rouvre l’aperçu.

Cliquez, commentez, OMP retouche

Dans l’aperçu, l’élément survolé est entouré. Un clic ouvre un commentaire juste à côté : écrivez ce qu’il faut changer, Envoyer. OMP reçoit la maquette concernée et l’élément visé, repart de cette version et ne change que ce que vous demandez ; l’aperçu passe à la nouvelle version dès qu’elle arrive. Un clic sur le fond commente toute la maquette.

La même maquette avec un commentaire ouvert sur le bouton Relancer de la variante A : « Garde Relancer, mais affiche le code HTTP et la dernière tentative au survol de la ligne. », avec le bouton Envoyer.
Un commentaire sur le bouton Relancer de la variante A.

Si une question attendait sa réponse, elle est mise de côté et OMP la repose après la nouvelle version : retouchez autant que vous voulez, puis répondez sur la version finale.

Fidèle au projet, et sans risque

OMP suit le style du projet quand il en a un : il explore ses composants et ses couleurs avant de dessiner. La maquette est un document HTML autonome, sans ressource externe ni JavaScript, affiché dans un cadre isolé qui ne charge rien. Une maquette fidèle peut prendre plusieurs minutes : l’aperçu indique où en est OMP, et la taille déjà écrite.

Sans sujet, /mockup maquette ce que la conversation est en train de décider. Et dans la colonne Cadrage, Maquetter prépare la commande dans la zone de saisie.

Tous les articles

Ouvrez votre premier projet dans Soreno

Soreno lance les CLI déjà installés sur votre machine, dans WSL ou sur vos serveurs. Vos notes, vos réglages et vos issues locales restent dans votre profil.

L’application macOS est signée et notariée par Apple. L’installateur Windows ne l’est pas encore : Windows peut signaler un éditeur inconnu.