[Hors Serie] VibeCoder une Intuition de 5ans
Ce qui arrive quand on a 2 Idées, une grosse semaine et 10k lignes de codes ...
Airtable est mon outil de prédilection : Excel sous stéroïdes, adossé à un vrai modèle objet. Pourtant, la plupart des utilisateurs n’exploitent qu’environ 20 % de ses capacités : ils ne prennent pas le temps de structurer leurs données, alors que c’est indispensable pour, ensuite, interragir avec de l’IA.
Il y a plus de cinq ans, j’ai demandé à Airtable deux fonctionnalités « révolutionnaires » 😎 permettant de combiner données structurées et destructurée. Un sujet que je connais bien ayant travailler dans le domaine pendant 12ans et faisant de la veille depuis 25ans…
Personne n’a bougé ; alors j’ai pris cette semaine de pont pour VibeCoder 10 000 lignes de code et me forger de nombreuses convictions….
TL;DR : Démo : Wiki + Whiteboard
Mais avant de se lancer dans le Vibe Coding de nouvelles interface il faut mettre en place une belle architecture de contenu.
🗂️ 4 contenus pour répondre à 80 % des usages
L’erreur est de structurer un tableau Excel avec des colonnes ultra-spécifiques sur lesquelles il n’est pas possible de capitaliser. Car on ne mélange pas les carottes avec les choux-fleurs.
TAGS
Organise l’information autour d’un arborescence de notions et axes thématiques : ni trop, ni trop peu, c’est tout l’art du knowledge management. Un contacts peut avoir une expertise ⚖️ Legal alors que son entreprise est dans 💎 Luxury et que le projet porte sur 🛡️ Cyber Security.
COMPANIES
Représente toutes les personnes morales : entreprises, associations, événements, clubs, etc. Une entreprise peut appartenir à une société mère et est très souvent composée de contacts.
CONTACTS
Représente des personnes physiques dans la logique d’un CRM, avec des coordonnées et des contraintes spatio-temporelles. Un contact peut être le référent d’un autre contact et appartenir à une ou plusieurs entreprises.
MEMOS
Représente une donnée composée d’un titre, d’une description, d’un type, d’un état, d’une URL, de pièces jointes, d’une date de début et de fin, ainsi que de pointeurs vers les objets précédents.
Un mémo de type Projet sera le dossier contenant des mémos de type Tâche ou Agenda ... Il pourra suivre un workflow Todo > InProgess > Done pour une action comme Draft > Schedule > Done pour une publication.
🚀 Vibe 1 : un Wiki comme Notion et Substack
Airtable est souvent mis en concurrence avec Notion, qui propose également un graphe de documents, mais sous la forme d’un site web éditorial. Ce format permet de créer des documents composés de plusieurs sous-documents et de nombreux liens.
Dans cet exemple, notre Mémo, CP de lancement de La Biscuiterie Belle-Epoque est accessible depuis un editeur qui stockera l’information au format Markdown. Mais la photo provient du Mémo Recette Gâteau au Chocolat et la citation pointe un Contact.
Bref, 2000 lignes pour juste réécrire une interface à la Notion ou Substack avec des données structurées de AirTable.
🚀 Vibe 2 : un Whiteboard comme Miro ou Canva
Les données tabulaires sont idéales pour les tâches structurées et répétitives. À l’inverse, pour expliquer une idée ou brainstormer sur un concept, il faut lever les contraintes : procéder comme un enquêteur qui épingle ses indices sur un tableau blanc.
Contrairement aux post-it qui finissent par se décoller et filer à la poubelle, ce tableau blanc manipule directement les données d’Airtable tout en préservant les relations entre les objets. Ce « layout » est élégamment conservé dans un champ technique du record.
Dans cet exemple, le mémo projet tient lieu de « Business Canvas » pour organiser ses mémos enfants. Le whiteboard permet de tracer des lignes, des rectangles, ou même d’ajouter une image de fond pour des layouts façon Innovation Games.
Buzz l’Éclair dirait : « The sky’s the limit ! » 🚀
Voici un mindmap qui cartographie les enjeux de l’impression 3D pour notre biscuiterie. Les cartes offrent des vues différentes selon leur criticité et peuvent même embarquer des iFrames de sites externes.
J’ai parlé d’iFrame ? Donc je peux mettre des Wikis editables dans un Whiteboard 😎 ? Quand je clic sur des éléments du wiki cela pop des cartes du whiteboard… le tout en 8000 lignes de code.
🧠 One more thing …
Je ne cesse de le répéter : l’innovation, c’est un mélange de technologie et d’ergonomie, à l’image du magicien qui accomplit des prouesses en agitant son mouchoir rouge…
Dans notre cas, la magie consiste à expliquer notre modèle objet dans un prompt très long à deux IA : l’Orchestrateur, qui dialogue avec l’humain, et le Mécano, qui dialogue avec AirTable.
Je répète … on explique UNIQUEMENT la logique … on ne code PAS de cas d’usage, l’IA se débrouille avec cette capacité de créer, modifier, lier, supprimer ces 4 objets.
💬 WebChat
L’exemple le plus commun est de discuter depuis le WebChat de Alambic. Les logs permettent de voir les 2 agents qui discutent.
📬 WhatsApp, Email …
L’assistant peut se connecter à tous les flux de conversation disposant d’une API, comme WhatsApp ou Gmail. L’avantage : préserver l’historique des échanges et maintenir une vraie conversation.
🤖 Custom GPTs
Les LLM sont multimodaux ! ce qui signifie qu’il est possible d’envoyer la photo d’une recette au dos d’un packaging, un ticket de caisse pour enregistrer une note de frais (car l’OCR marche très bien). Ou simplement envoyer un vocal !
💡 Quelques Take Away ?
VibeCoder, c’est un peu comme coacher un stagiaire : il peut avoir des éclairs de génie… ou s’acharner dans la mauvaise direction. Dans tous les cas, il faut le garder à l’œil et le recadrer, sinon le code tourne vite au carnage. Le rendu dépend beaucoup du langage — et, oui, c’est la mort des devs juniors.
Orchestrer la communication entre agents est un véritable casse-tête : il faut partager les responsabilités et faire circuler la logique métier. Et quand des influenceurs survendent leurs paillettes à des architectes IT hypnotisés par des schémas XXL, on aboutit vite à du grand n’importe quoi…
Manipuler des API exige une optimisation métier et prompt pointue (ça me fait sérieusement douter sur les MCP). Mais quand ça tourne, comme transférer une chaîne de mails illisible, c’est franchement bluffant.
Mêler UX et IA fait vraiment opérer la magie : un clic sur une carte du whiteboard et je cible explicitement les objets à manipuler. On le voit dans la génération d’images, de vidéos ou de musique : le prompt seul ne suffit plus.
❤️ Alors ! C'était bien ?
Peux-tu me donner ton feedback ? Laisse moi ton email si tu souhaites poursuivre la discussion … Tu peux aussi me suivre sur LinkedIn or Twitter.
On t'a transféré cette newsletter ? tu peux t'insrire ici pour recevoir les prochaines éditions.
Peux-tu, la partager à ton réseau 🙏 Merci !