Avec l'IA, le Markdown est devenu mon format pour tout : specs produit, articles de blog, notes... Jusqu'à présent, je le lisais en mode preview dans mon IDE. Mais le confort de lecture n'y était pas, surtout pour de longues specs. Et quand je voulais continuer ma lecture dans le métro, pas de solution simple.
J'ai cherché un lecteur Markdown beau, qui fonctionne sur tous mes appareils, et qui se contente de bien afficher mes fichiers .md. Je n'ai pas trouvé mon bonheur. Alors je l'ai construit.
Je lance Fude.md, un lecteur de Markdown pensé pour le confort de lecture, la synchronisation entre appareils, et fait pour l'ère des agents IA.
Codex : du brief au prototype en un temps record
Après mon expérience avec SIZR où j'avais créé une app MacOS en quelques minutes, j'ai de nouveau utilisé Codex d'OpenAI pour bootstrapper Fude.md.
Mon workflow est maintenant rodé : je discute avec les IA pour rédiger et affiner un brief clair de ce que je veux (au format Markdown bien sûr). Puis Codex se charge de la structure du projet, de l'architecture et du code, aidé par Claude Opus pour la review et le design. En quelques heures, j'avais un prototype fonctionnel avec le rendu Markdown, la navigation entre fichiers et les bases de l'application en place.
Ce qui aurait pris plusieurs jours de setup s'est fait en une session. Le vibe coding continue de me bluffer à chaque nouveau projet.
J'ai ensuite passé pas mal de temps à ajouter toutes les fonctionnalités voulues et m'assurer de la qualité du code, avec l'aide des IA. Mais on parle en jours, alors que sans IA cela m'aurait pris des semaines ou des mois.
Ma stack : Nuxt, Electron et Convex
Nuxt est ma stack classique, celle que j'utilise pour tous mes projets web (ce site, Begonia.pro, mes outils internes). Je connais bien le framework, ce qui me permet d'aller vite sur la partie applicative, des skills officiels existent pour que les IA codent proprement.
Mais Fude.md m'a surtout permis de tester deux technologies que j'avais envie d'explorer depuis un moment :
- Electron : pour proposer une application desktop native. C'est ma première app Electron, et le fait de pouvoir réutiliser mon code Nuxt pour créer une application installable sur Mac et Windows est un vrai atout. L'expérience d'un lecteur Markdown en application native est bien plus fluide qu'en navigateur.
- Convex : le challenger de Supabase, un backend serverless orienté connexion temps réel. C'est ce qui permet à Fude de synchroniser vos documents entre la version desktop et mobile sans effort, tout en gardant vos fichiers sur votre disque par défaut. Plus besoin de bricoler des WebSockets ou de gérer un serveur.
C'est exactement ce que j'aime dans les side projects : ils me servent de terrain d'expérimentation pour des technologies que je pourrai ensuite proposer à mes clients dans mes missions de Product Engineering.
Les illustrations : Claude Opus et Gemini pour des SVG animés
Pour la page d'accueil de Fude.md, je voulais des illustrations animées en SVG : légères, élégantes, et cohérentes avec l'identité visuelle du projet.
J'ai utilisé Claude Opus et Gemini pour générer ces visuels. Le processus a été itératif : je décrivais le concept en langage naturel, les IA me proposaient du code SVG avec des animations CSS, et j'affinais jusqu'à obtenir un résultat fluide et harmonieux. C'est pas encore parfait, mais pour un premier test je suis content du rendu.
Le résultat : des illustrations vectorielles animées, légères (quelques Ko). Comme pour la création du logo Pop-art d'ANVL avec Nano Banana, l'IA est devenue un vrai levier pour la création d'assets visuels, en plus du code et de l'aide à la rédaction.
Les fonctionnalités de Fude.md
Fude est un lecteur, pas un éditeur de fichiers Markdown. Vous gardez votre outil préféré pour écrire (VS Code, Cursor, Obsidian), et vous utilisez Fude pour lire confortablement. Voici ce que propose l'application :
- Rendu Markdown élégant : une typographie et une mise en page pensées pour la lecture longue, avec un rendu personnalisable.
- Connexion à vos sources : fichiers locaux, GitHub ou Google Drive, regroupés en projets sans déplacer vos documents.
- Multi-plateformes : applications desktop (Mac, Windows) et mobile (iOS, Android) prévues.
- Synchronisation transparente : vos documents et préférences synchronisés entre tous vos appareils, avec chiffrement. Local-first par défaut.
- Support Mermaid : rendu natif des diagrammes Mermaid directement dans vos fichiers.
- Serveur MCP intégré : décrit plus bas, pour connecter vos notes à vos agents IA.
- Thèmes custom : pour s'adapter à vos préférences de lecture.
Un lecteur prêt pour l'ère des agents IA
Dès le lancement, j'ai intégré à Fude un serveur MCP (Model Context Protocol). Un serveur MCP est un standard ouvert qui permet aux agents IA de se connecter à des sources de données externes. C'est un peu comme une API entre vos outils et vos IA, avec des prompts pré-définis.
Concrètement, cela signifie que vous pouvez brancher vos notes Fude à n'importe quel agent IA compatible (Claude, ChatGPT, Cursor, et bien d'autres), et celui-ci pourra lire vos documents directement.
Les cas d'usage sont nombreux :
- Analyser votre style d'écriture pour que l'IA rédige de nouveaux contenus dans le même ton.
- Exploiter vos notes existantes comme base de contexte pour générer des articles, des mails ou des specs.
- Interroger vos documents en langage naturel : "résume mes notes de réunion de la semaine" ou "quels sont les points ouverts dans mes specs produit ?".
Le tout tourne en local sur votre machine. Aucune donnée ne transite par des serveurs externes. Pour quelqu'un qui manipule des specs produit ou des notes confidentielles, c'est un point non négociable.
Conclusion
Fude.md est un projet qui combine mon envie de résoudre un vrai problème du quotidien avec le plaisir d'explorer de nouvelles technologies. Electron pour le desktop, Convex pour la base de données temps réel, et l'IA à chaque étape : Codex et Claude Code pour le code, Claude Opus et Gemini pour le design.
L'application est actuellement en bêta privée. Si vous travaillez avec du Markdown au quotidien et que vous cherchez un vrai lecteur pour vos notes, specs et documentations, je vous invite à vous inscrire.
👉 Inscrivez-vous à la bêta privée de Fude.md
Et si vous avez un projet d'application web ou desktop et que vous souhaitez être accompagné de l'idée au produit, découvrez mes services de Product Engineering.