Projets
EN FR
Étude de cas · Gridtone (independent project) · 2026 · 11 min de lecture

Les sons que j'aime, sans tâtonner

Gridtone construit une chaîne pour le Quad Cortex à partir d'un musicien, d'un morceau et du passage à jouer, et vérifie chaque réglage par rapport à la machine avant de vous la montrer. Fondé et conçu seul, et développé avec Claude Code en douze jours. En bêta sur gridtone.app, ouvert aux tests.

Essayer la bêta ↗
Client
Gridtone (independent project)
Rôle
Fondateur, designer et bâtisseur (solo)
Année
2026
Disciplines
AI productWeb appMusic0→1 productFounderDesign system
The Gridtone hero, from the brand boards of its Figma design system.
Le visuel principal de Gridtone, tiré des planches de marque de son design system Figma.

Tout est parti d'une guitare

Je joue de la guitare, et j'adore mon Quad Cortex. Il peut s'approcher de presque tous les rigs dans lesquels j'ai rêvé de jouer. L'y amener, c'est une autre histoire. Sa bibliothèque d'amplis, de baffles et d'effets est immense, et les noms ne disent pas toujours ce que l'on a sous les yeux : le Hiwatt de Gilmour s'appelle Watt D103 Bright, la Big Muff s'appelle Fuzz Pi. Retrouver le son d'un musicien que j'aime, c'était du tâtonnement et beaucoup d'essais.

Gridtone, c'est ce que j'ai construit à la place. On nomme un musicien, un morceau et le passage, et une chaîne arrive sur une grille organisée comme celle du Quad Cortex. Avant affichage, chaque bloc et chaque réglage est comparé à un catalogue de 265 modèles du Quad Cortex et 7 micros de baffle, et chaque correction est listée.

Je l'ai fondé, conçu et développé seul : d'une maquette le 3 octobre 2026 à une bêta publique avec des comptes, une offre gratuite que je paie et un design system complet, douze jours et 202 commits plus tard. Claude Code a écrit l'essentiel du code. Cette page parle de ce qu'il ne pouvait pas faire.

Une seule personne, tous les postes

Gridtone n'a ni équipe, ni investisseur, ni échéance. Ça ressemble à de la liberté. En pratique, tous les postes sont les miens : le produit, la marque, la recherche derrière 265 modèles, le backend, la politique de confidentialité, et la facture de chaque génération gratuite.

Les contraintes restent bien réelles. Le temps : les heures d'une seule personne, et une bêta qui doit continuer à marcher pendant que je la change. L'argent : l'offre gratuite tourne sur mon propre compte Anthropic, donc chaque génération lancée par un inconnu me coûte quelque chose, et un lancement pourrait vider le budget du mois en une journée. Et la confiance : un guitariste qui joue chez lui et tombe sur un seul réglage inventé ne croit plus le reste.

A demo chain on gridtone.app, Pride and Joy, with what the check found on its tilted band and the selected amp's settings beside the grid.
Une chaîne de démo sur gridtone.app, Pride and Joy, avec la vérification sur son bandeau incliné et les réglages du bloc choisi à côté de la grille.

Le chatbot invente des boutons

Demandez à un chatbot un preset de Gilmour et vous obtenez une réponse sûre d'elle, avec des réglages que la machine n'a pas. Un pro le voit et passe à autre chose. Un guitariste qui joue chez lui pense que l'erreur vient de lui, et passe la soirée à chercher un bouton qui n'a jamais existé.

Le modèle inventera toujours quelque chose, donc la parade devait venir après lui. Sa réponse doit passer une vérification avant que quiconque la voie : chaque nom de modèle, chaque réglage, chaque valeur dans sa plage, chaque micro de baffle et chaque emplacement, comparés à un catalogue écrit comme la machine l'affiche. La promesse est venue de là : s'il est sur la grille, il est sur votre Quad Cortex. Un guitariste peut le vérifier sur sa propre machine en une minute. C'est tout l'intérêt.

Comment j'utilise l'IA dans le processus

Quatre étapes en douze jours, avec une seule règle pour toutes : rien sur la grille qui ne soit pas sur la machine.

Étape 01

D'une guitare à une promesse

Le problème
J'avais une maquette et une envie. Avant le moindre vrai code, Gridtone devait savoir pour qui il existait, ce qu'il promettait et comment il se financerait, ou au moins comment il ne me coûterait pas trop cher.
La méthode
J'ai d'abord écrit les fondations de la marque. Le guitariste est chez lui, une heure après le travail, casque sur les oreilles, un solo en tête. Elles posaient aussi quatre façons dont la recherche d'un son tourne mal, un positionnement face aux chatbots, et une promesse vérifiable sur sa propre machine. Puis une spec de marque et d'interface, un vérificateur de contraste pour chaque couleur, et deux façons de générer une chaîne, gratuitement sur la clé de Gridtone ou avec la sienne.
L'IA gère
Claude a rédigé les documents, la spec et l'outil de contraste, et a défendu les options quand je le lui demandais.
Je maîtrise
Miser sur l'exactitude plutôt que sur le son, qu'aucun écran ne peut prouver. La formulation de la promesse. Une voix qui écrit les réglages comme la machine les affiche, et ne dit jamais « à votre goût ».
Le résultat
Des fondations, une spec et une palette aux contrastes vérifiés dès le troisième jour, avant la première ligne de vrai code de l'app.
Home on gridtone.app, the promise on its tilted band, the prompt and the first demo chains.
L'accueil de gridtone.app, la promesse sur son bandeau incliné, le champ de demande et les premières chaînes de démo.
Étape 02

Un catalogue auquel l'IA doit obéir

Le problème
Une vérification ne vaut que ce que vaut son catalogue. La liste des modèles publiée en ligne par Neural DSP ampute une partie des noms que la machine affiche, et les données d'entraînement d'un modèle mélangent les versions de firmware.
La méthode
J'ai établi un catalogue des modèles de CorOS 4.1.1, chacun avec les réglages qu'il a vraiment, leurs plages et leurs options, écrits comme la machine les affiche, (M) et (ST) compris. Le modèle reçoit le catalogue dans son prompt. La vérification relit ensuite chaque chaîne, corrige ce qu'elle peut et liste chaque correction. Les scènes gardent leurs propres valeurs, comme sur la machine. Six chaînes de démo, documentées avec leurs sources, passent sans aucune correction, et un test y veille.
L'IA gère
Des agents ont préparé les lots du catalogue à partir de sources publiques, écrit la vérification et ses tests, et mené l'audit qui a trouvé ce qui manquait.
Je maîtrise
La règle selon laquelle l'orthographe de la machine l'emporte sur celle du site. Les manques qui comptaient, dont la basse. Ce qui compte comme une correction, et la façon de l'annoncer au guitariste, une ligne simple pour chacune, dans les résultats de la vérification.
Le résultat
Une vérification qui couvre 265 modèles et 7 micros de baffle, contre 242 dans le premier catalogue, et une promesse qu'un guitariste peut tester.
The check results of a demo chain, every block compared with the catalog, and the firmware the check used.
Les résultats de vérification d'une chaîne de démo, chaque bloc comparé au catalogue, et le firmware utilisé.
Étape 03

Construire seul, avec des agents

Le problème
Un vrai produit demande un backend, une offre gratuite qui ne peut pas ruiner son fondateur, des comptes, une politique de confidentialité et des tests. Seul, en quelques jours, ça ne marche que si l'on délègue la construction et que l'on garde le jugement.
La méthode
Chaque morceau a commencé par un plan écrit, avec ses tâches, ses fichiers et ses tests. Un agent construisait chaque tâche, puis deux autres la relisaient, une fois au regard du plan et une fois pour la qualité, avant que je la voie. L'offre gratuite a été pensée comme un modèle de coûts avant d'avoir un écran. Il reposait sur un modèle petit et rapide sur ma clé, une réserve prise avant chaque génération et soldée après, un plafond quotidien à un septième du budget mensuel, et une génération gratuite par navigateur, cinq par jour avec un compte Google. On peut aussi apporter sa propre clé Anthropic, gardée dans son navigateur et jamais envoyée à Gridtone. Puis les comptes, les chaînes enregistrées synchronisées avec eux, un formulaire de retours, et une politique de confidentialité qui dit ce qui est gardé, où, et combien de temps.
L'IA gère
La quasi-totalité du code, le front-end React, la base de données et les fonctions Supabase, plus de 1 600 tests automatisés, et la relecture du travail des uns et des autres.
Je maîtrise
Ce qui a été construit, dans quel ordre, et ce qui ne l'a pas été. Les règles d'argent. Écarter un script anti-bots, sur un site qui promet zéro script tiers, tant que les abus restent théoriques. Chaque commit et chaque push, relu et validé.
Le résultat
Une bêta que des inconnus peuvent utiliser gratuitement sans pouvoir faire exploser ma facture, avec des comptes, des chaînes synchronisées et une politique de confidentialité honnête sur le RGPD, au onzième jour.
Connect Your AI, the page where a player brings their own Anthropic key, from the Figma screens.
Connect Your AI, la page où un guitariste apporte sa propre clé Anthropic, tirée des écrans Figma.
Étape 04

La refonte et le système

Le problème
Ça marchait, et je le trouvais sans inspiration. La première identité, papier et graphite discrets, était calme et juste, et ressemblait à tous les autres outils soignés.
La méthode
J'ai regardé comment les fabricants d'amplis et de guitares parlent aux musiciens, puis dessiné cinq directions plus fortes sur un plan de travail et gardé la quatrième, B4. Des capitales condensées, un bandeau d'encre incliné en travers de la page, une étiquette inversée, des boutons carrés, un thème de nuit noir pur. Je l'ai appliquée au site en ligne écran par écran, une branche à la fois, puis j'ai construit le design system Figma à partir du site. Des variables de couleur en clair et en sombre, tous les styles de texte, les composants, 18 écrans sur téléphone et ordinateur, et les planches de marque.
L'IA gère
Claude a mis en page les directions sur le plan de travail, réécrit le CSS écran par écran, et construit le fichier Figma via son API, en dessinant la grille des vignettes à partir de la géométrie du site plutôt qu'à la main.
Je maîtrise
Le trouver sans inspiration. Choisir B4. La règle qui interdit la typo d'affiche sous 40 px, après des titres de chaîne trop serrés. Ce qui reste calme quoi que fasse la page, la façade, la grille et la vérification. Et le logotype, dernier vestige de la première identité, remplacé après avoir vu cinq options dans un vrai en-tête.
Le résultat
Un produit qui a sa place à côté d'un pedalboard, et un design system qui lui correspond valeur pour valeur.
The colour board of the Gridtone design system, the Paper and Black themes with the contrast of every pair.
La planche couleur du design system Gridtone, les thèmes Paper et Black avec le contraste de chaque paire.
The chain view in Figma, desktop and phone, built from the library's components.
La vue chaîne dans Figma, sur ordinateur et téléphone, construite avec les composants de la bibliothèque.

L'agent qui a déplacé la règle

Gridtone · AI tone builder · 2026

Le front-end a été construit par des agents, en trois lots de tâches. Chaque tâche allait à un agent, et deux autres relisaient le résultat, une fois au regard du plan et une fois pour la qualité. Une tâche refusée trois fois s'arrêtait et me revenait.

L'une d'elles concernait la grille. Sa vignette devait faire tenir des pastilles In et Out avec des mots dedans, en 8 px, plus petit que tout ce que le guide de marque autorisait. Le relecteur refusait encore et encore. Au fil des tours, l'agent chargé de corriger a trouvé une sortie. Il a modifié le guide de marque pour autoriser les libellés en 8 px. Face au nouveau guide, le travail était conforme.

Rien n'était cassé. Tous les tests passaient. La règle s'était simplement déplacée là où le travail se trouvait déjà.

J'ai remis le guide en place, retiré les mots des pastilles et mis à la place un petit chevron, celui que dessinent encore les vignettes aujourd'hui. Puis j'ai changé la façon dont les agents tournent : à partir de ce jour, aucun ne pouvait modifier le guide de marque, les fondations de la marque ou les tokens de design. Ils peuvent proposer un changement. C'est moi qui le fais.

Quand on construit seul avec des agents, le travail, ce n'est pas d'écrire le code, c'est d'être responsable des règles au regard desquelles le code est vérifié, et de les garder là où rien ne peut les réécrire en douce.

The thumbnail plate as it is today, the In and Out pills carrying a small chevron instead of words.
La vignette telle qu'elle est aujourd'hui, les pastilles In et Out portant un petit chevron au lieu de mots.

Là où l'IA s'arrête et le jugement commence

Gridtone existe parce que l'IA invente. Demandez un preset à un modèle et il citera des boutons qui n'existent pas, avec un aplomb total. Le produit y répond par un catalogue que le modèle doit utiliser et une vérification que sa réponse doit passer, avec chaque nom écrit comme la machine l'affiche.

Les agents qui ont construit Gridtone avaient la même manie. Ils ont écrit presque chaque ligne, vite et bien, et ils savaient très bien faire passer leur propre travail. L'un d'eux a réécrit une règle de marque pour l'adapter à ce qu'il avait produit. Juste avant l'écriture de cette page, une génération décrivait ses scènes avec des mots, « TS808 bypassé », sans rien couper dans les données. À chaque fois, le code était bon et le jugement manquait.

Ce qui est resté à moi : quoi construire et quoi laisser de côté, les règles d'argent, l'orthographe du catalogue, la voix, la refonte, et la décision sur chaque commit. Les agents ont rendu une seule personne assez rapide pour sortir une bêta qui fonctionne en douze jours.

Ce que ça a donné

Une bêta en ligne, ouverte à tous

gridtone.app construit une chaîne à partir d'un musicien, d'un morceau et d'un passage. Une génération gratuite sur n'importe quel navigateur, cinq par jour avec un compte Google, et autant que votre propre clé Anthropic le permet. Les chaînes enregistrées vous suivent sur chaque navigateur où vous vous connectez.

Une vérification que vous pouvez contrôler sur votre machine

Chaque chaîne est comparée à 265 modèles du Quad Cortex et 7 micros de baffle de CorOS 4.1.1 avant affichage, et chaque correction est listée. Six chaînes de démo, documentées avec leurs sources, passent sans aucune correction.

Une offre gratuite qui ne peut pas déraper

Une réserve avant chaque génération, un plafond quotidien, un budget mensuel, et des limites par navigateur et par adresse. Un lancement peut mettre les générations gratuites en pause pour la journée. Il ne peut pas vider mon compte.

Un design system qui correspond au produit

Le fichier Figma a été construit à partir du site en ligne. Des variables claires et sombres, tous les styles de texte, les composants, 18 écrans sur téléphone et ordinateur, et les planches de marque. Sa grille de vignette est dessinée à partir de la géométrie du site.

Saved chains on gridtone.app, each with its plate. Signed out they stay in the browser; signed in they live on the account.
Les chaînes enregistrées sur gridtone.app, chacune avec sa façade. Sans connexion, elles restent dans le navigateur ; une fois connecté, on les retrouve sur son compte.

Journal des décisions

Les décisions qui l'ont façonné, revirements compris. La plupart portent sur ce que Gridtone refuse de faire.

01
Comparer chaque chaîne à un catalogue avant de l'afficher

Au lieu de : Faire confiance à un modèle bien guidé pour rester dans les limites de la machine

Un modèle inventera toujours un réglage tôt ou tard. Une vérification ne se laisse pas convaincre de sortir du catalogue, et elle liste ce qu'elle a changé.

02
Écrire chaque nom comme la machine l'affiche

Au lieu de : Les noms de la liste en ligne de Neural DSP

Le site retire les (M) et (ST) que la machine affiche, et un guitariste cherche un bloc par le nom qu'il lit sur son écran.

03
Une offre gratuite sur ma clé, avec une réserve par génération et un plafond quotidien

Au lieu de : Des générations gratuites illimitées, ou un mur payant avant la première chaîne

Un guitariste doit entendre le produit avant de payer quoi que ce soit. Je dois savoir que la pire journée coûte un montant connu.

04
Apporter sa propre clé, gardée dans le navigateur

Au lieu de : Faire passer les clés des guitaristes par le serveur de Gridtone

Une clé que Gridtone ne reçoit jamais, c'est une clé qu'il ne peut jamais laisser fuiter.

05
Une génération gratuite par navigateur, puis un compte Google facultatif Revirement

Au lieu de : Une génération gratuite chaque jour sur chaque navigateur

Un navigateur invente son propre identifiant, donc une génération par jour et par navigateur se contournait facilement. Une génération suffit à montrer ce que fait Gridtone. Un compte en donne cinq par jour au guitariste qui revient.

06
Les chaînes enregistrées vivent sur le compte Inversé

Au lieu de : Des chaînes enregistrées gardées uniquement dans le navigateur

Dès qu'il y avait un compte, une chaîne enregistrée sur l'ordinateur et absente du téléphone devenait une promesse non tenue.

07
La refonte B4, une typo d'affiche et un bandeau d'encre incliné Inversé

Au lieu de : La première identité, papier et graphite discrets

Elle était juste et oubliable. La façade et la grille sont restées calmes. Tout le reste est monté d'un cran.

08
Un logotype dessiné à partir des capitales de Big Shoulders Inversé

Au lieu de : Le logotype de la première identité, Red Hat Display en bas de casse

Une fois le texte passé en Instrument Sans et les titres en Big Shoulders, le logotype était le dernier Red Hat Display du site, gardé seulement parce qu'il était arrivé le premier. Dessiné en contours, il parle comme la typo d'affiche, ne charge aucune police, et tient encore dans l'en-tête d'un téléphone de 320 px.

09
Les agents ne modifient jamais le guide de marque, les fondations ou les tokens

Au lieu de : Laisser un correcteur changer tout ce qui fait passer sa relecture

Les règles servent à vérifier le travail. Elles ne peuvent pas appartenir à ce qui est vérifié.

10
Le modèle prévoit les scènes avant les blocs Inversé

Au lieu de : Les blocs d'abord, les scènes ensuite

Avec les blocs d'abord, les notes de scène d'une chaîne disaient une pédale coupée alors qu'aucun bloc ne l'était. Avec les scènes d'abord, chaque scène doit différer par ses blocs, et la vérification signale celles qui ne diffèrent pas.

Le guide réutilisable

01
Rendre la promesse vérifiable

« S'il est sur la grille, il est sur votre Quad Cortex » est une promesse qu'un guitariste peut vérifier sur sa propre machine en une minute. Elle garde le produit honnête, et elle me garde honnête sur ce que la vérification ne peut pas prouver, que le son convient au morceau.

02
Chiffrer l'offre gratuite avant de la dessiner

Une offre gratuite sur sa propre clé d'API, c'est d'abord un modèle de coûts, ensuite un écran. Décidez la réserve, le plafond quotidien et les limites, puis écrivez la phrase que lit le guitariste quand il en atteint une.

03
Garder les règles hors de portée des agents

Les agents cherchent à passer. Si le guide de marque, les tokens ou les tests peuvent être modifiés par ce qui est relu, ils le seront tôt ou tard. Laissez les agents proposer un changement de règle, et faites-le vous-même.

04
Refaire le design dès qu'il vous ennuie

La première identité était juste et oubliable. La changer le onzième jour a coûté deux jours. Livrer quelque chose qui ne m'inspirait pas aurait coûté plus cher.

Quinze ans à concevoir des produits pour les problèmes des autres. Gridtone est parti de l'un des miens, une guitare sur les genoux. Il est en bêta sur gridtone.app, et la vérification vous attend sur votre propre machine.

Interroger les archives

Fondé sur les études de cas et le journal de ce site. Il dit quand il ne sait pas. Les questions sont enregistrées pour que Loïc voie ce que le site n’explique pas. Rien d’autre n’est conservé.

À propos de cet assistant ↗