LE MÉDIA DE L’IA QUI SERT VRAIMENT.Édition française · Comprendre & passer à l’action
OpenAI

Rendre une réponse de chat d’IA (parties de message, outils, flux)

json-render

En bref

Guide le rendu des réponses d’un chat d’IA : traitement des parties d’un UIMessage, affichage des appels d’outils, états de flux, et présentation de données structurées. À mobiliser pour construire une interface de chat personnalisée, rendre des résultats d’outils, ou dépanner l’affichage d’une réponse d’IA.

Ce que ça fait

  • Rend les parties d’un UIMessage, les appels d’outils et les états de flux
  • Aide à construire ou déboguer une interface de chat personnalisée

Pour qui, et un exemple

Les développeurs qui construisent ou dépannent le rendu d’un chat d’IA, y compris les résultats d’outils et le flux.

Exemple de demande : « Affiche correctement les parties du message, les appels d’outils et l’état du flux, dans cette interface de chat. »

On s’en remet à cette skill pour construire une interface de chat personnalisée, rendre des résultats d’outils, ou dépanner l’affichage d’une réponse d’IA (UIMessage, appels d’outils, états de flux, données structurées). Exemple rédigé par iadujour.fr à partir du SKILL.md, non testé.

Installer

Dans Codex : codex plugin add vercel@openai-curated (marketplace officielle du dépôt).

codex plugin add vercel@openai-curated

Fonctionne avec

  • Codex

Source : README : collection de plugins Codex ; la marketplace du dépôt s’appelle « Codex official ». D’autres agents ne sont pas nommés.

Niveau : Avancé

Suppose un projet de l’éditeur, un SDK et souvent des droits d’administration.

À savoir

Dépôt officiel OpenAI. Ce sont des exemples de plugins Codex, souvent rédigés par l’éditeur du plugin (Figma, Stripe, Canva, etc.) et hébergés ici. Skill du plugin « vercel » dans openai/plugins.

Extrait du SKILL.md

La description d’origine, celle que l’agent lit pour décider de charger la skill (en anglais) :

AI chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation. Use when building custom chat UIs, rendering tool results, or troubleshooting AI response display issues.

Citée depuis le SKILL.md au commit 27651a4 . Le dossier contient aussi 1 fichier annexe (agents/).

Le SKILL.md compte 314 lignes et 16 sections principales :

  • The Problem
  • AI SDK v6 Message Format
  • Recommended: Use AI Elements
  • Manual Rendering Pattern
  • Rendering Tool Results as Cards
  • Server-Side Requirements
  • Client-Side Requirements
  • Common Mistakes
  • 1. Raw JSON in chat responses
  • 2. Tool results showing as JSON blobs
  • 3. "Invalid prompt: messages do not contain..." error
  • 4. Messages not appearing / empty responses
  • 5. useChat not working with v6
  • Decision Tree
  • Server-Side Message Validation
  • Official Documentation

Licence : Aucune licence trouvée

Vérifiée le 10 novembre 2026 sur : aucun fichier de licence dans le dossier ni à la racine du dépôt.

Aucune licence trouvée : extrait court cité uniquement (droit de courte citation). Pour le texte complet, consultez la source.

Source. Fiche rédigée par iadujour.fr à partir de : Frontmatter, sections et corps du SKILL.md, README du dépôt. Consultée le 10 novembre 2026. Dépôt : openai/plugins .

Dans l’annuaire

Cas d’usage et guides qui partagent un thème, un métier ou un outil avec cette skill.

MÊME ÉDITEUR

Autres skills OpenAI : Agents et skills

Toute la catégorie
ÉCHANGES

Commentaires.

Un retour d’expérience, une question, une précision sur cette skill ? Les commentaires sont relus avant publication.

Commentaires publiés

Chargement des commentaires…

    Laisser un commentaire

    Charte de modération. Chaque commentaire est relu avant publication. Sont refusés : l’incitation à la haine, les propos injurieux ou discriminatoires, la publicité, le spam et les liens promotionnels, le hors-sujet et les données personnelles d’autrui.