Ons werk

Claude Token Tracker: een eigen browser-extensie, van idee tot Chrome Web Store

We bouwden met Claude Code een echt product dat je Claude.ai-verbruik live toont: een Chrome-extensie plus een editor-companion voor VS Code, Cursor en VSCodium. Uitgerold over drie marktplaatsen (Chrome Web Store, VS Code Marketplace en Open VSX), door de review van Google, en minimaal wekelijks bijgewerkt.

Iedereen kan met AI een prototype in elkaar klikken. Wij wilden bewijzen dat we met AI ook een écht product afwerken: door de review van Google, publiek installeerbaar, en onderhouden na elke update.

Uitdaging

De kloof zit niet tussen idee en demo, maar tussen demo en afgewerkt product. Een AI-prototype maken is makkelijk. Een extensie door de review van Google krijgen, veilig omgaan met gebruikersdata, en meegroeien met elke wijziging aan Claude.ai is dat niet. Bovendien: wie intensief met Claude.ai werkt, botst op quota zonder het te zien aankomen, want het verbruik zit weggestopt in de instellingen.

Aanpak

We bouwden van nul een volwaardige browser-extensie met Claude Code als bouwpartner. TypeScript, Manifest V3, live data uit Claude.ai zelf, alles lokaal en privacy-first. Daarna publiceerden we op drie kanalen en behandelden we het als een echt product: tientallen releases, telkens meegegroeid met elke redesign van Claude.ai.

Van een echte jeuk naar een echt product

Het begon met een concreet probleem dat we zelf hadden: intensief met Claude.ai werken en telkens verrast worden door een quota-limiet. Claude.ai toont dat verbruik enkel diep in de instellingen. De extensie brengt het naar voren waar je werkt: je sessie-limiet (5 uur) en je weeklimiet, live in de interface, met kleurcodering en een waarschuwing voor je tegen de muur loopt.

Gebouwd met AI, van architectuur tot release

De volledige extensie is gebouwd met Claude Code: de architectuur, de TypeScript-code, de build met esbuild, de iconen, tot en met de teksten van de store-listing. Geen weggegooid prototype, maar een onderhouden codebase. Dit is precies wat we bedoelen met bouwen met AI: niet sneller iets in elkaar flansen, maar met AI een product afwerken en blijven verbeteren.

Privacy-first en door de review van Google

De extensie vraagt geen API-key en doet geen enkele externe call. Alle data blijft op je eigen machine. Ze leest het quotaverbruik rechtstreeks uit Claude.ai en bewaart dat lokaal, meer niet. Precies daardoor raakte ze door de in-depth review van Google zonder gedoe. Voor een AI-gebouwd product is dat het bewijs dat het niet enkel werkt in een demo, maar voldoet aan de eisen van een echte marktplaats.

Onderhouden als een echt product, minimaal wekelijks

Dit is geen project dat na de lancering stilviel. We werken de tracker actief bij, in drukke periodes wekelijks of vaker een nieuwe release, telkens live getest tegen de echte interface. Claude.ai verandert voortdurend en de extensie groeit mee: toen de sidebar volledig hertekend werd, volgden nieuwe selectors, en toen de zware tokenizer de laadtijd drukte, splitsten we die af zodat hij pas laadt wanneer nodig. Dat onderhoudsritme is precies wat een AI-gebouwd product overeind houdt in de praktijk.

Twee versies, drie marktplaatsen

De tracker leeft niet op één plek. We brachten hem uit in twee versies over drie marktplaatsen: de Chrome-extensie in de Chrome Web Store, en een editor-companion in de VS Code Marketplace plus, als VSIX, op Open VSX voor editors als Cursor en VSCodium. De VS Code-versie toont je quota rechtstreeks in je editor, gevoed door de Chrome-extensie via een lokale brug. Op Open VSX alleen al is de tracker ruim 1.400 keer geïnstalleerd. Alle versies staan overzichtelijk op de productpagina. Eén idee, netjes uitgerold over browser en editor.

Twee versies, drie marktplaatsen

Een Chrome-extensie en een editor-companion, live in de Chrome Web Store, de VS Code Marketplace en Open VSX.

Volledig gebouwd met AI

Van de eerste regel code tot elke release, met Claude Code als bouwpartner, door de in-depth review van Google.

Wekelijks onderhouden

Tientallen releases, minimaal wekelijks bijgewerkt en telkens meegegroeid met elke update van Claude.ai.

Gebruikte tools

Claude Code (bouwen met AI)
TypeScript en esbuild
Chrome, Manifest V3
VS Code Marketplace en Open VSX
Privacy-first, geen externe calls, geen API-key
Jouw project als volgende case?

We werken met Vlaamse KMO's die willen groeien.

Via Shopify, performance marketing en AI.

Klantenervaringen

Ervaringen van klanten

Waarom ondernemers graag met ClickForest blijven werken.

Uitstekend op Google5.0★★★★★gebaseerd op 23 beoordelingen