Zone de prompt pour l'IA
Une zone de texte qui grandit, avec une bordure lumineuse qui tourne pendant la saisie, des raccourcis et un bouton d'envoi.
Réglages
Code
<form class="uv-iai"><label class="bx"><span class="sr">Demande ce que tu veux</span><textarea rows="1" placeholder="Demande ce que tu veux"></textarea></label><div class="rw"><button type="button" class="ch">Résumer</button><button type="button" class="ch">Traduire</button><button type="button" class="ch">Idées</button><button type="submit" class="go" aria-label="Envoyer"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5M5.5 11.5L12 5l6.5 6.5"/></svg></button></div></form>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Voir tout : ChampsOù l’utiliser
Les interfaces de chat et d'assistant tournent autour d'un seul champ, il mérite donc du soin. Cette zone grandit avec le texte, allume au focus une bordure en dégradé qui tourne et une lueur douce, et propose trois raccourcis qui préremplissent une consigne. Le bouton d'envoi reste gris tant qu'elle est vide et se colore dès qu'il y a quelque chose à envoyer.
Idéal pour les outils d'écriture avec IA, le chat d'assistance, la recherche en langage naturel et les assistants internes. La bordure animée s'arrête avec le mouvement réduit.