Nos projets

Claude Token Tracker : notre propre extension de navigateur, de l'idée au Chrome Web Store

Nous avons créé avec Claude Code un vrai produit qui affiche votre consommation Claude.ai en direct : une extension Chrome et un compagnon d'éditeur pour VS Code, Cursor et VSCodium. Déployé sur trois marketplaces (Chrome Web Store, VS Code Marketplace et Open VSX), passé par la revue de Google et mis à jour au moins chaque semaine.

Tout le monde peut assembler un prototype avec l'IA. Nous voulions prouver qu'avec l'IA nous finissons aussi un vrai produit : passé par la revue de Google, installable publiquement et maintenu après chaque mise à jour.

Défi

L'écart n'est pas entre l'idée et la démo, mais entre la démo et le produit fini. Faire un prototype avec l'IA est facile. Faire passer une extension par la revue de Google, gérer les données utilisateur en toute sécurité et évoluer avec chaque changement de Claude.ai ne l'est pas. En plus : qui travaille intensément avec Claude.ai se heurte à ses quotas sans les voir venir, car la consommation est cachée dans les réglages.

Approche

Nous avons construit de zéro une extension de navigateur complète avec Claude Code comme partenaire de développement. TypeScript, Manifest V3, données en direct depuis Claude.ai, tout en local et privacy-first. Ensuite nous avons publié sur trois canaux et l'avons traité comme un vrai produit : des dizaines de versions, à chaque fois adaptées à chaque refonte de Claude.ai.

D'un vrai besoin à un vrai produit

Tout est parti d'un problème concret que nous avions nous-mêmes : travailler intensément avec Claude.ai et être surpris à chaque fois par une limite de quota. Claude.ai n'affiche cette consommation qu'au fond des réglages. L'extension la met en avant là où vous travaillez : votre limite de session (5 heures) et votre limite hebdomadaire, en direct dans l'interface, avec un code couleur et une alerte avant de heurter le mur.

Construit avec l'IA, de l'architecture à la release

Toute l'extension est construite avec Claude Code : l'architecture, le code TypeScript, le build avec esbuild, les icônes, jusqu'aux textes de la fiche du store. Pas un prototype jetable, mais une base de code maintenue. C'est exactement ce que nous entendons par construire avec l'IA : non pas bricoler quelque chose plus vite, mais finir un produit avec l'IA et continuer à l'améliorer.

Privacy-first et passé par la revue de Google

L'extension ne demande aucune clé API et ne fait aucun appel externe. Toutes les données restent sur votre propre machine. Elle lit la consommation de quota directement depuis Claude.ai et la conserve en local, rien de plus. C'est précisément pour cela qu'elle a passé la revue approfondie de Google sans souci. Pour un produit construit avec l'IA, c'est la preuve qu'il ne fonctionne pas seulement dans une démo, mais répond aux exigences d'une vraie marketplace.

Maintenu comme un vrai produit, au moins chaque semaine

Ce n'est pas un projet qui s'est arrêté après le lancement. Nous mettons le tracker à jour activement, en période chargée une nouvelle version par semaine ou plus, à chaque fois testée en direct contre la vraie interface. Claude.ai change en permanence et l'extension évolue avec lui : quand la barre latérale a été entièrement redessinée, de nouveaux sélecteurs ont suivi, et quand le lourd tokenizer ralentissait le chargement, nous l'avons séparé pour qu'il ne se charge qu'au besoin. Ce rythme de maintenance est exactement ce qui maintient un produit construit avec l'IA debout en pratique.

Deux versions, trois marketplaces

Le tracker ne vit pas à un seul endroit. Nous l'avons publié en deux versions sur trois marketplaces : l'extension Chrome dans le Chrome Web Store, et un compagnon d'éditeur dans le VS Code Marketplace ainsi que, en VSIX, sur Open VSX pour des éditeurs comme Cursor et VSCodium. La version VS Code affiche votre quota directement dans votre éditeur, alimentée par l'extension Chrome via un pont local. Sur Open VSX seul, le tracker a déjà été installé plus de 1 400 fois. Toutes les versions sont présentées sur la page produit. Une seule idée, proprement déployée du navigateur à l'éditeur.

Deux versions, trois marketplaces

Une extension Chrome et un compagnon d'éditeur, en ligne sur le Chrome Web Store, le VS Code Marketplace et Open VSX.

Entièrement construit avec l'IA

De la première ligne de code à chaque version, avec Claude Code comme partenaire de développement, passé par la revue approfondie de Google.

Maintenu chaque semaine

Des dizaines de versions, mises à jour au moins chaque semaine et adaptées à chaque évolution de Claude.ai.

Outils utilisés

Claude Code (construire avec l'IA)
TypeScript et esbuild
Chrome, Manifest V3
VS Code Marketplace et Open VSX
Privacy-first, aucun appel externe, aucune clé API
Votre projet comme prochaine étude de cas ?

Nous travaillons avec des PME belges qui veulent croître.

Via Shopify, le performance marketing et l'IA.

Avis clients

Ce que vivent nos clients

Pourquoi les entrepreneurs aiment travailler avec ClickForest.

Excellent sur Google5.0★★★★★basé sur 23 avis