Soreno· Depuis Soreno 1.2.0
Design : l’écran avant le code
Soreno 1.2.0 ajoute la vue Design : un tableau blanc où Claude Code, Codex ou OMP dessine vos écrans en HTML/CSS. Vous retouchez cadre par cadre, puis un agent de code l’implémente dans le projet.
Décrire un écran en mots, c’est laisser l’agent l’imaginer à sa façon, et découvrir le résultat une fois le code écrit. Depuis Soreno 1.2.0, la vue Design vous le montre d’abord : un agent dessine l’écran en HTML/CSS sur un tableau blanc, vous le retouchez, puis un agent de code le reproduit dans le projet.
Un tableau, des cadres
L’icône palette de la barre d’activités ouvre Design. Nouveau tableau demande un nom, un projet et un agent : Claude Code, Codex ou OMP. Il démarre avec le tableau et dessine ce que vous demandez, chaque écran dans son cadre. Vous ne voyez que le rendu ; son terminal reste à portée, sous Logs.
Les cadres se déplacent, se redimensionnent et se dupliquent ; ils s’aimantent aux bords et au centre des autres. Annuler et Rétablir reprennent vos gestes, et Maj+1 affiche tout le tableau.
Visez, demandez
La barre de prompt, en bas, s’adresse à l’agent pour tout le tableau ou pour le cadre sélectionné. Pour aller plus près, activez le ciblage, ou T, et cliquez sur un élément d’un cadre : l’agent reçoit le cadre et l’élément visé, avec votre demande. Plusieurs pistes se comparent côte à côte, sur le même contenu.
Les cadres s’affichent isolés : aucun script de l’agent ne s’y exécute, rien d’externe ne s’y charge. Ils sont enregistrés dans Soreno, jamais dans vos dépôts.
Du design au code
Une fois l’écran arrêté, Implémenter lance un agent de code sur tout le tableau ou sur le cadre sélectionné, dans un worktree dédié si vous le gardez coché, avec vos instructions s’il en faut. Chaque cadre lui est joint en fichier HTML, avec la consigne de le reproduire avec le code du projet, sans copier ce HTML.
Un agent déjà au travail peut aussi suivre un tableau. Dans l’espace Projets, l’icône palette des onglets de session ouvre le panneau Design : créez un design ou liez un tableau existant. Le panneau affiche alors un aperçu du tableau, Modifier dans Design et Transmettre la dernière version, qui lui envoie vos retouches.
Lier ou transmettre ne lance pas l’implémentation : l’agent accuse réception et attend votre demande.
Les maquettes passent désormais par Design : /mockup et /grill quittent le Chat (OMP). Tous les détails sont dans la page Tableaux Design de la documentation.
