Animation d’interface
Lancement de Glean Agents
D’un champ de saisie à un workflow transversal : relier cartes de tâches, personnes et sources, puis ramener le résultat à une interface lisible.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Animation de l’interface du site HyperOS 1
Du détail de matière au mobile, puis mêmes arrondis et transparences dans icônes, widgets et appareils.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma Draw
Montrer d’abord l’œuvre, puis comment les points de contrôle et les paramètres la modifient ; la fonction doit produire une différence visuelle avant/après.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Bolt Forge｜Lancement du produit
Deux demandes concrètes prouvent l’étendue : prompts complets, résultats web défilables, puis mosaïque spatiale de plusieurs œuvres.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Magic Share
Le même travail passe entre ordinateur, tablette et téléphone, en conservant documents, graphiques et collaborateurs dans les transitions, puis devient l’avion de papier de marque.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Linear Agent — posez toutes vos questions, pilotez toutes vos actions
La caméra en vue oblique passe du projet à l’agent ; documents et diagrammes de relations étayent les réponses.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Zapier Motion Library
Un bureau se dupliquant sans contrôle représente la complexité ; un interrupteur transforme le bruit en quelques processus terminés.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cinq composants dans un cadre violet
Garder contour violet et nom du composant pour que cinq démonstrations rapides appartiennent visuellement à la même boîte à outils. À chaque transition, changer seulement l’objet intérieur, pas la scène.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma Code Layers
L’interface générée par le code est un objet du canevas, comparé côte à côte aux variantes de design ; après mise à jour, il s’agit toujours du même calque de code.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma｜Agent dans le canevas
Enchaîner suggestions, application de styles et enrichissement du contenu sur le même produit ; ne pas présenter chaque résultat comme une œuvre sans rapport.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma node — connecter les frames aux workflows Weave
Les frames de design deviennent des nœuds connectables ; le texte et les images sont reliés à leurs emplacements respectifs, puis la sortie se ramifie vers différents usages.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma Specs
Le document rassemble des éléments métier, de design et de code ; les commentaires en pilotent la réorganisation, jusqu’à produire une spécification de transmission exploitable.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma Agent Vectors
Les éléments nouvellement générés restent sélectionnables, leurs couleurs modifiables et leurs animations organisables ; trois phases démontrent cette capacité d’édition.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Retouche d’images par IA dans Figma
Chaque exemple suit sélection → action → résultat ; la mise en évidence du sujet n’est qu’un état intermédiaire.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Présentation de Loops
Un point lumineux active successivement les libellés d’action le long de la boucle ; un tour complet correspond à un workflow.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Linear — Le système de développement produit pour les équipes et…
Plusieurs branches de tâches convergent vers un tronc commun ; le recul de la caméra transforme les relations locales en réseau global.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Nouvelles capacités de Loops
Énumérer d’abord rapidement les déclencheurs, puis expliquer les actions de sortie le long de la trajectoire ; déclencheurs et résultats occupent chacun une section.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Linear — environnements personnalisés dans les sessions de programmation
Les cartes sombres sont montrées une par une en gros plan incliné ; les champs d’environnement de chaque carte restent liés.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Loops peut s’exécuter selon les jours de la semaine
Choisir d’abord la fréquence hebdomadaire, puis afficher la sélection multiple des jours et régler l’heure ; à la fin, la vue d’ensemble résume la règle en langage naturel.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Linear — état de la file de fusion dans les diffs
Le clip ne montre qu’un survol local : l’état principal reste inchangé, le survol ajoute le temps déjà passé à attendre et le masque à la sortie.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Linear Diffs — revue de code dans Linear
Sélectionner les changements avant d’examiner les différences, rattacher les commentaires aux lignes de code, puis soumettre explicitement la revue.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Linear — sessions de programmation sur mobile
Le contexte du code reste en haut, la saisie et le clavier virtuel en bas ; après l’envoi, le clavier disparaît et l’état de traitement prend le relais.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lovable · Lancer une création depuis Slack
Les messages de différents intervenants arrivent dans le même fil ; la réponse de l’assistant suit la demande
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
→
Une mise en doute crée d’abord un écart d’information, puis le site est vérifié directement, et la conclusion revient répondre au message d’origine
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Importer des projets et des sites
Les sites au premier plan se succèdent dans une file horizontale ; la zone de saisie du bas reste stable
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Notion External Agents (intégration Claude + Cursor)…
La même carte de tâche reste présente ; son état suit Triage→Plan→Build→PR→Ship.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Notion Skills — apprendre aux agents comment travaille votre équipe
Le partage en équipe et l’export local sont deux voies de distribution ; chacune est expliquée dans une fenêtre avant de rejoindre l’utilisation commune.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Notion Skills API — des skills pour ChatGPT et Claude
Le même skill passe de l’édition du document à la synchronisation du dépôt, puis à son utilisation par plusieurs agents ; l’information conserve son identité entre les conteneurs.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Notion Skills — exporter vers les agents de programmation locaux
Les noms d’agents alternent rapidement pour montrer la compatibilité, puis un export complet suivi d’un appel en apporte la preuve.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Adaptation à l’iPhone Duo
Le dépliage augmente la surface visible du texte ; la barre latérale et le contenu suivent une relation de découpage parent-enfant.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Notion as code — des espaces de travail en TypeScript
Rédiger d’abord le besoin, puis montrer l’exécution et le code ; après confirmation du déploiement, passer au résultat réel dans l’espace de travail.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Higgsfield — Cursor pour les motion designers
Le canevas reste visible avec la chronologie et la zone de commandes en dessous, pour montrer les relations de création
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
ChatGPT — 73 plugins pour le travail juridique
Plusieurs plugins sont présentés selon l’unité répétée proposition → action → preuve ; l’identité de l’outil courant reste visible en haut à droite.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
ChatGPT｜Apple Messages
Après avoir trouvé les tâches, montrer une suggestion, puis sa modification et sa confirmation par l’utilisateur ; afficher enfin la réception dans la conversation cible.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Montage en prises de vues réelles
Mise à jour vocale GPT-Live-1.1
Des déplacements latéraux répétés trouvent différents groupes de téléphones, présentant les voix comme lors d’un appel des acteurs.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
ChatGPT Desktop — désormais en aperçu sur Linux
Montrer d’abord une tâche de code, puis demander sa mise en forme en document ; ouvrir le résultat pour vérifier la livraison entre applications.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Manus Skills｜Skills de workflow
Une conversation réussie devient d’abord une entrée de skill, puis rejoint une liste activable
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Branch｜Conversations ramifiées
Montrer d’abord l’endroit de l’historique où créer une branche, puis copier le contexte partagé
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Wide Research｜Recherche étendue
Une entrée se décompose en plusieurs panneaux de tâches, déployés latéralement en profondeur pour exprimer le parallélisme
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Transformer le travail répétitif en tâches automatiques
Conditions et actions apparaissent par paires ; il faut compléter les deux parties avant l’exécution
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Les sites créés avec Manus peuvent s’installer comme applications de bureau
Le même site se détache du cadre du navigateur pour devenir une fenêtre autonome ; l’identité du contenu est conservée
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Manus Agents — votre Manus personnel, désormais dans votre…
L’assistant reste dans le conteneur de conversation d’origine ; après l’envoi des contenus, il renvoie une carte de résultat
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cloud Computer : déployer et utiliser un ordinateur cloud
Expliquer d’abord l’environnement d’exécution persistant, puis le prouver par trois exemples : bot, collecte et déploiement
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Scheduled Tasks 2.0 (Manus) — Scheduled Tasks 2.0 — un…
Le calendrier montre d’abord la répartition globale, puis un zoom sur une tâche explique les réglages
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Adaptation à l’iPhone Duo
La même tâche reste affichée quand la largeur de l’appareil change ; ce n’est pas une nouvelle tâche
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude Code Security — analyse des vulnérabilités et correctifs
Conserver toute la séquence entrée→analyse→problème→correction→PR ; les niveaux de résultat se déploient à mesure que l’on approfondit.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude Code｜Sessions multiples sur ordinateur
La fenêtre principale s’ouvre d’abord, puis passe d’une colonne à un aperçu et du code côte à côte ; les panneaux sont des sous-couches du même espace de travail.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude Design — prototypes et diapositives par chat
L’utilisateur saisit d’abord son intention, les résultats sont ensuite montrés, puis les modifications locales et l’export ; les résultats doivent apparaître après l’envoi.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude Duet｜Aperçu de l’assistant proactif
Montrer les capacités de l’agent par rappel proactif→autorisation utilisateur→résultat, plutôt que par un simple défilement de chat.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Mise à jour de fonctionnalité｜Mode vocal
Le même cercle central s’étend du bouton à la fenêtre d’image, puis redevient bouton ; son identité spatiale reste continue.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude — utilisation de l’ordinateur dans Cowork et Claude Code
Chaque tâche boucle demande mobile→exécution sur ordinateur→confirmation mobile ; la même structure est répétée trois fois avec un contenu progressif.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Connexion des outils mobiles de Claude
Une question métier relie plusieurs appels d’outils : les données montrent ce qui se passe, les processus expliquent pourquoi, les diapositives servent au partage.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude Code｜Agent View
Un personnage rassemble les terminaux dispersés, montrant l’arrivée de plusieurs tâches dans une même vue.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude — présentations, documents et designs dans le chat
Le même thème de veste passe des diapositives aux designs multiformats, puis au document ; l’identité du contenu est conservée entre formats.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude｜Finances personnelles
Établir d’abord un souhait concret de vie, utiliser les données pour en évaluer la faisabilité, puis revenir au résultat dans la vie réelle.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Android Drop — Find Hub, Motion Assist, Gemini
Chaque fonction comprend une carte principale et un petit retour qui lui est rattaché.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Gmail × Gemini
Chaque chapitre suit contexte de l’e-mail→action→résultat, en maintenant le sujet et le destinataire.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Google Search (mise à jour IA) — À #GoogleIO le mois dernier,…
La courte barre de recherche devient un champ de question multiligne, exprimant le passage des mots-clés à l’intention complète.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
AI Mode pour les services à domicile
La question inclut une tâche et des contraintes de temps ; le résultat répond à chacune.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok Bot｜Partager des modèles
Le nom et l’avatar du même assistant restent présents dans les réglages, la page publique et chez le destinataire.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok Bot peut maintenant rechercher, lire et surveiller X.
Montrer d’abord plusieurs sources consultées, puis les condenser en synthèse thématique.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok Bot · Formulaires et connexion dans la conversation
L’agent ne passe la main à l’utilisateur qu’en cas d’authentification ; la procédure reprend après sa saisie.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok Bot peut maintenant parler.
La couche vocale reste attachée au téléphone ; après la réponse, elle mène à une tâche et un document précis.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok Bot — il peut vous envoyer des notes vocales
Définir d’abord le contenu et l’horaire, puis préciser le format de sortie ; le résultat devient une carte vocale.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok Build｜Mémoire du projet
Trois états, enregistrer→parcourir→relire plus tard, expliquent la mémoire entre sessions.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok — un prompt pour une application publiée
Montrer d’abord que le résultat généré est réellement utilisable, puis passer au bureau pour présenter un autre type d’application publiable.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Kimi Work — contrôle à distance depuis votre téléphone
Le téléphone envoie la même tâche ; l’ordinateur recherche, trouve un document local, le modifie et l’envoie étape par étape.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Kimi Web Bridge — l’extension de navigateur de Kimi.
Les actions du navigateur et les retours du terminal sont côte à côte, montrant la correspondance entre plan de l’agent et résultat de la page.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lancement de Magistral
Montrer d’abord les contraintes précises, puis les explications et le code, enfin les résultats exécutés côte à côte.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Nouvelles fonctions de Le Chat
Chaque chapitre ouvre sur un symbole pixelisé et une phrase courte, puis illustre une action produit.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Quatre téléphones côte à côte : démonstration de génération d’applications
Quatre téléphones de même hauteur partagent un fond mais progressent indépendamment
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
ElevenLabs｜Scribe v2
Présenter d’abord les dimensions de mesure, puis expliquer la capacité par des modifications concrètes du texte
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Composer · Édition de chansons par sections
Passer d’une demande ouverte à des sections, un tempo et une tonalité contrôlables, puis aboutir à la forme d’onde et à l’œuvre
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Flows Agent — décrivez-le, l’agent relie le workflow
Le langage naturel devient d’abord des dépendances entre nœuds ; les nœuds de sortie attendent les contenus en amont
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lancement de Perps
Depuis la vue globale du terminal, zoomer sur le formulaire ; renseigner montant, levier et conditions de risque avant de valider
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Polymarket · Choix de direction sur cinq minutes
Poser d’abord la question de décision, puis ramener le terminal complexe à une opération à deux choix
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Hyperliquid : marchés HYPE hausse/baisse sur 5 minutes —…
Après la sélection du formulaire, le compte à rebours accéléré saute entre valeurs ; la récupération n’apparaît qu’à zéro
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor peut contrôler l’ordinateur
L’agent à gauche et le simulateur à droite partagent l’écran ; les résultats apparaissent dans l’application contrôlée
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor Origin｜Hébergement de code
Création et synchronisation sont deux entrées vers la même liste de dépôts, puis vers la revue de PR
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor Multitask / Subagents — /multitask dans le nouveau…
Plusieurs tâches sont ajoutées à la même session ; le panneau de travail affiche constamment le nombre d’exécutions parallèles
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Annotate ajouté au mode design
Les annotations restent attachées à leur cible ; numéros et commentaires correspondent un à un
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor SDK — Nous présentons le Cursor SDK pour vous…
Le code s’écrit progressivement, puis se réduit dans la colonne gauche ; le terminal de droite exécute la même configuration
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor · Orchestration récursive des tâches
La planification principale produit des tâches, qui se ramifient en sous-plans et nœuds de travail
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Création de composants Figma avec Cursor — Cursor peut désormais…
Examiner d’abord le système de design et ses variables, puis créer la planche, plutôt que dessiner librement une image ressemblante
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor — désormais sur iPad
Montrer d’abord le même résultat sur plusieurs appareils, puis se concentrer sur l’organisation et la revue sur tablette
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor Builds — les agents cloud démarrent 3x plus vite
Les deux groupes commencent ensemble mais progressent à des vitesses différentes ; le nouveau processus montre ses résultats en premier
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor Cloud Agents
Chaque fonction alterne une proposition sur fond noir et une courte action sur fond blanc, avec un rythme régulier
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor — créer une application web et la déployer sur Vercel
Montrer les dépôts disponibles, puis insister sur la création depuis zéro ; l’aperçu ne vient qu’après la saisie
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor · Piloter l’agent de l’ordinateur depuis le téléphone
Autoriser d’abord l’appairage ; ensuite, le même message et le même résultat apparaissent aux deux extrémités
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Créer des applications en direct
Les étapes de mise en place de l’infrastructure se terminent une à une ; l’aperçu de l’application apparaît ensuite.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Computer peut générer des graphiques interactifs
Le résultat comprend des graphiques interactifs. Au survol, les infobulles de données réagissent ; il ne suffit pas de redimensionner le graphique entier.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lancement d’Automations dans Computer
Le déclenchement par événement et le déclenchement planifié forment deux exemples complets ; chacun présente condition→exécution→livrable.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity Projects — des pôles pour le travail continu
Les fichiers et les différentes tâches appartiennent au même projet ; les tâches ne sont pas des cartes flottantes sans lien entre elles.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity Computer peut fonctionner entièrement en local sur Mac
Montrer d’abord le lieu d’exécution, puis exécuter la tâche. Le rapport de résultats et la liste de tâches prouvent l’action locale.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Model Council dans Perplexity.
Plusieurs modèles partent de la même question, puis leurs résultats convergent dans un tableau comparatif ; ne pas réduire cela à trois étapes successives.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity Computer — un agent pour les projets de bout en bout
La même entrée de tâche accueille différents types de sortie ; une suite de cas illustre l’étendue des capacités.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Deep Research — désormais natif dans Computer
La demande de recherche est confiée à des sous-tâches ; le rapport doit suivre la recherche. Présenter séparément conclusions et sources.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Computer for Counsel — Perplexity pour les juristes
Après avoir situé le domaine, montrer la saisie et les sources, puis trois livrables métier concrets.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity Computer fonctionne maintenant par e-mail
Un e-mail déclenche la tâche ; le résultat revient dans le même fil. Les pièces jointes sont des données d’entrée nécessaires.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity Computer — calcul hybride cloud et local
Vérifier d’abord les informations sensibles, puis choisir le chemin local ou cloud. Les deux lieux d’exécution ont des responsabilités explicites.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity｜Calcul local sur Windows
Le réseau d’outils locaux ne doit apparaître qu’après la fin de l’installation ; le recours au cloud nécessite d’abord une confirmation.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Computer — réglage de l’effort dans le sélecteur de modèle
Un curseur augmente par paliers ; le nom du niveau, la description du modèle et la longueur de remplissage évoluent ensemble.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Apple｜Animation de l’interface Spotlight
Le terme recherché déclenche une liste de suggestions. Après la sélection d’une action, la liste se ferme et la capsule devient une commande paramétrée.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Apple｜Presse-papiers entre appareils
Le texte du téléphone est la source, le document de l’ordinateur la destination. L’essentiel se joue dans la sélection et le collage du texte ; les cadres des appareils restent presque fixes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Framer Skills
Au début, saisir successivement dans le champ les règles de police et de guillemets. Montrer ensuite les pages achevées pour faire comprendre que ces règles concernent l’ensemble des pages.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Framer Agent Templates
Trois modèles sont alignés ; la carte centrale apparaît entièrement, les deux autres partiellement et assombries. Au changement, toute la piste coulisse horizontalement ; la carte centrale ne retrouve sa luminosité qu’une fois en place.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Portefeuille Link pour les agents
Installer et connecter d’abord l’agent, demander ensuite une modification d’itinéraire dans le chat, montrer le coût, puis confirmer sur téléphone. Coût et nom du marchand se répètent entre interfaces pour identifier la même demande.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Stripe Treasury
Passer de la notification au solde, puis au paiement, à la création de carte et aux actions par dialogue, avant de revenir à la vue d’ensemble. Centrer un seul panneau d’action à la fois ; passer au suivant après confirmation.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Modèles virtuels d’AI Gateway
Une phrase annonce la capacité, puis un tableau tâches-modèles ou une commande l’illustre. Éviter les explications empilées ; chaque concept est immédiatement suivi d’un usage concret.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cette semaine : Notes prend en charge les images
Rendre d’abord toute la liste lisible. Glisser une image depuis la droite du bureau sous la note ; le fichier suit le curseur. Au relâchement, l’image se déploie et la fenêtre de note grandit avec le contenu.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Genspark AI Workspace 3.0 : présentation de Genspark Claw
Workflow, chat d’équipe, réunion, voix sur téléphone et assistant de navigateur apparaissent par sections. Garder le rythme titre court puis interface ; réinstaller le contexte à chaque changement de capacité.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Le web n’a pas été conçu pour les agents IA
Des pages empilées représentent la complexité des entrées ; des modules orange relient le processus au contenu structuré. Associer pages et code dans des plans voisins ou successifs pour rendre lisible la relation entrée-sortie.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Ad Studio : coller un lien pour créer toutes les publicités
Après saisie d’un lien, rassembler les affiches environnantes en logo, couleurs, polices et ressources produit. Le produit entre dans un anneau de combinaisons ; la matrice publicitaire ne se déploie qu’après l’augmentation du compteur.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Collaboration dans Krea Nodes
Plusieurs curseurs colorés tracent les courbes des lettres ; nœuds et extrémités noirs restent sur les formes. Le titre complet se réduit ensuite à un nœud vide, reliant métaphore graphique et action réelle.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Transformer un croquis en cartoon dans Grok
La première requête transforme une esquisse en fiche de personnages ; la suivante anime ce résultat. Le chat défile vers le haut, les nouveaux résultats entrent par le bas et restent reliés au message précédent.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Adaptation à l’iPhone Duo
Un téléphone vertical entre au centre, pivote et s’ouvre en deux colonnes horizontales. La liste reste d’un côté, le détail de l’autre. La même note traverse les deux formats.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Nouvelles capacités de Runway Agent
Montrer d’abord la page produit finale, puis revenir à la requête, extraire couleurs et produit, générer scènes et formats, finir par l’animation. La même enceinte se retrouve dans plusieurs livrables.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Site, présentation et visuel de lancement racontent la même histoire
Après la demande d’un site de café, demander une présentation et des visuels de publication. Les trois partagent photos, palette brune et titres à empattements, prouvant la réutilisation du contexte.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Ramp · Présentation produit sur le site officiel
Déployer les opérations depuis une carte de paiement, puis passer aux factures et rapports pour suivre la même dépense entre vues.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Présentation de Glean
Montrer d’abord la compréhension d’une tâche personnelle, puis étendre les préférences à un graphe d’entreprise reliant personnes, projets et données.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Bolt Template Marketplace｜Place de marché de modèles
Montrer l’éventail des modèles, agrandir un site complet navigable, puis le transformer pour une autre activité via un prompt.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Bolt Skills｜Démonstration des capacités d’équipe
Transformer les consignes répétées en compétences appelables ; un changement de palette prouve leur effet réel sur la page.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Jitter Superagents｜Démonstration des capacités produit
Associer une consigne à son effet sur la toile : remixer le modèle, arranger les points, décaler les pistes, puis multiplier formats et langues.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Miro｜Compilation de lancements produit
Un même projet produit traverse objectifs, recherche, design et développement. Garder son nom ou sa question à chaque vue pour une progression continue.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
CodeRabbit [blocked] Triage
Montrer d’abord la charge des files et relances de revue, puis transformer la liste en tableau classé par urgence, changements récents et progression. L’orange suit toujours l’élément le plus pressant.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
EliseAI｜Interface produit du site officiel
Un dialogue de rendez-vous complet montre l’utilité : demande temporelle, deux choix proposés, un choix confirmé.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Goodfire — comprendre et déboguer votre modèle IA
Présenter la vérification du modèle comme recherche suivable : objet et données, confirmation du plan, découvertes et prochaine expérience.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
OKX AI — les agents IA peuvent déjà travailler, créer et gagner de l’argent.
D’une personne à un groupe d’agents, puis sélection et exécution du service. Les blocs violets relient personnages, catalogue et sélection.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Parallel Decisions API
Une question métier devient des faits consultables, puis un tableau exploitable. Orange réservé au point de la question et à la priorité finale.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Airtable｜Créer des applications avec l’IA
Montrer génération d’app par demande et résultat côte à côte, puis intégrer mise à jour de pièces jointes et autres cas dans la même grammaire.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
AI Labs｜Éléments d’interface
Plusieurs interfaces manipulables montrent la personnalisation, chacune clôturée par un retour explicite.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cash App｜Application produit en portrait
Le même téléphone relie les bénéfices ; fonds noir, gris et vert fluorescent donnent le rythme des chapitres.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Bots gérés Telegram (bots IA) — Sur Telegram, chacun…
Un téléphone fixe suit création du bot, test et profil ; les retours de clic relient chaque état.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Créer des présentations avec l’IA
Du thème au plan modifiable, puis aux diapositives complètes ; deux générations avec résultats distincts.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Underlord｜Modèles vidéo
Montage vidéo comme échange clair de ressources : preset, vidéo, format confirmé, charte, puis résultats en deux ratios.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
QuiverAI Arrow 2｜Génération vectorielle
Expliquer le vectoriel par chemins éditables, catégories et supports réels, puis variantes de même style.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Rive CLI — créer des fichiers Rive avec votre agent
Des œuvres changeant réellement d’état prouvent l’interaction : jeu, contrôle, système de design et séquenceur, une action claire chacun.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Supabase Explorer et Notebooks
Ouvrir par un graphique de croissance, puis requêtes, sauvegarde, langage naturel et flux local ; phrase près de la fonction montrée.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Supabase Pipelines — synchronisation analytique quasi temps réel
Montrer la pression du trafic, puis configuration de destination et synchronisation continue pour expliquer les rôles et la causalité.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Dub lance Partner Referrals
De l’objet de lancement au revenu d’un partenaire, puis au recrutement et aux analyses globales ; résultat individuel comme entrée aux données produit.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Mintlify Widget — un agent intégré qui accompagne vos utilisateurs partout
Une entrée légère relie question, réponse et sources, intégrant naturellement l’assistant à la page existante.
Référence vidéo uniquement ; aucun projet modifiable fourni.