Bibliothèque de schémas v0 · Tier 1

4 schémas pour expliquer UCP en 5 secondes chacun.

Chaque schéma fait trois jobs en même temps : pédagogique (on comprend), mémorable (on s'en souvient), signature (on reconnaît agent-ecommerce.fr instantanément). Réutilisables dans articles, landing pages, page d'audit, slides LinkedIn.

Schéma 01 Argument venteArticle #1

Le problème N×N que UCP résout.

Avant UCP, chaque agent IA devait intégrer chaque marchand en custom. Multiplication exponentielle. UCP transforme ça en N+N : un protocole commun, des connexions standardisées.

Avant UCP Chaos N×N ChatGPT Gemini Copilot Shop A Shop B Shop C 9 intégrations custom 3 agents × 3 marchands · ne scale pas UCP Avec UCP Ordre N+N ChatGPT Gemini Copilot UCP Shop A Shop B Shop C 6 connexions standard protocole partagé · scalable à l'infini
À 100 agents × 1 000 marchands : 100 000 intégrations custom contre 1 100 connexions UCP. /figures/ucp-nxn-vs-npn
Pour qui
CMOs, dirigeants e-commerce qui se demandent « pourquoi UCP existe ? ». Une image vaut 5 paragraphes.
Réutilisations
Article #1 (intro), homepage hero, slide #2 de toute pres. UCP, post LinkedIn unique avec carrousel.
Variations
Version « 100 × 1 000 » pour les pres. enterprise. Version animée (chaos qui se résout en flow propre) pour le hero.
Schéma 02 Carte du territoireArticle #1

L'architecture UCP en couches.

Les 6 couches qui composent une transaction agentique. À garder à l'esprit pour comprendre où chaque acteur intervient — et où ton app peut se greffer.

Couche 01 Surfaces consommateurs Gemini ChatGPT Copilot Voice Couche 02 Agents IA / Shopping agents Couche 03 · UCP core Capabilities & extensions Checkout Identity Order Discount Fulfillment Loyalty ← Sweet spot pour ton app extensions namespacées Couche 04 Transport REST · JSON-RPC 2.0 · MCP · A2A Couche 05a Auth · OAuth 2.0 + PKCE Couche 05b Paiement · AP2 mandates Couche 06 Merchant backend Shopify Etsy BigCommerce Custom Stack UCP 2026-04-08
Le sweet spot pour une app : couche 03, via une extension namespacée. /figures/ucp-architecture-layers
Lecture
De haut en bas : surface utilisateur jusqu'au backend. Chaque couche est interchangeable, c'est ça la force du protocole.
Pourquoi ça compte
Le marchand reste Merchant of Record (couche 06). Il ne perd pas le contrôle. C'est l'argument anti-objection #1.
Variations
Version isométrique 3D pour la home. Version animée (couches qui s'empilent au scroll) pour landing page.
Schéma 03 Lead magnet App AttributionArticle #3

Le trou d'attribution agentic.

Pourquoi GA et Meta Pixel ne voient pas tes ventes IA — et où le tracking server-side reprend la main. Le schéma qui justifie tout le pricing de l'App Attribution.

Étape 01 Customer Étape 02 Agent IA ChatGPT/Gemini Conversation Étape 03 Checkout embedded ⚠️ Zone aveugle Étape 04 Order Confirmation GA pixel ✗ Meta Pixel ✗ JS ne fire pas Server-side ✓ webhook orders/create passe partout Destinations GA4 Measurement Protocol Meta CAPI Klaviyo events TikTok Events API l'iframe de l'agent intercepte le DOM
Sans tracking server-side, ton ROAS sur les canaux IA est un mensonge. /figures/agentic-attribution-gap
L'argument fort
Pour un CMO qui défend son budget marketing, voir un canal grossir en « dark » est insupportable. Ce schéma rend le problème visible en 3 secondes.
Le pivot vente
« Et c'est exactement ce que résout l'app Attribution » — la flèche verte est notre produit. Pas besoin de pitch supplémentaire.
Variations
Version animée (les pixels JS tombent, le webhook server-side passe). Version simplifiée pour LinkedIn (just les 2 colonnes ✗ vs ✓).
Schéma 04 Démontre la maîtriseArticle #2 · Audit

Le checkout UCP est une state machine.

Trois états, des transitions explicites. Comprendre cette mécanique = pouvoir auditer et débugguer un manifest. Le schéma qui sépare les pros des amateurs.

État initial incomplete données manquantes État final API ready_for_complete finalisable en API Sortie humaine requires_escalation → ECP / continue_url PUT /sessions/{id} discount, address, payment 3DS / SCA / custom field l'agent ne peut pas résoudre order_id paiement OK browser checkout natif retry update 3 états · 2 sorties · 0 ambiguïté
Toute la complexité du checkout agentic tient dans 3 états. Tout le reste est orchestration. /figures/ucp-checkout-state-machine
L'angle pédagogique
La plupart des marchands ne savent pas que ECP existe. Ce schéma explique le handoff humain en 5 secondes.
L'angle audit
Ton Manifest Auditor doit checker que les 3 transitions sont bien implémentées. Le schéma justifie les checks.
Variations
Version interactive (clic sur une transition = exemple de payload). Version simplifiée pour les articles tout-public.