Design system2026

Étude de cas

Reckon

Une couche de règles pour les agents qui dessinent les logiciels que personne ne montre en démo : chaque chiffre remonte à une donnée réelle, chaque action correspond à la fiche sur laquelle elle se trouve, chaque état est dessiné avant qu’un utilisateur ne le trouve.

Design systemAgents UIRédaction

ClientProjet interne

Année2026

RôleDesign + développement

Durée3 semaines

Voir le site ↗Parler d’un projet similaire

getreckon.vercel.app — la page entière, en un scroll.

Détails du projet

TypeSite web + design system

SecteurAgents IA · génération d’UI

ClientProjet interne

RôleDesign, rédaction et développement

Année2026

Durée3 semaines, du fichier vide au live

StatutOpen source · en cours

LivrablesRègles, site, démo de 8 écrans

Polices

NewsreaderInstrument Sans

Couleurs

Réalisé avec

Claude

ChatGPT

Next.js

TypeScript

Vercel

Écrit avec Claude, publié sur Next.js et Vercel. Les règles sont en texte brut : n’importe quel agent peut les charger.

Voir le site ↗

Le besoin

Des écrans qui semblent finis et cèdent au premier clic.

Les agents produisent des interfaces très vite. Un dashboard apparaît, les chiffres semblent plausibles, aucun ne se recoupe. Les états vides, de chargement et d’erreur manquent. Les actions sont posées sur des fiches qui ne peuvent pas les recevoir. La démo meurt au premier vrai utilisateur. Reckon donne à cette génération un livre de règles — qu’un agent peut suivre et qu’un designer peut contester.

Ce que j’ai fait

Brief

Une page, une promesse : livrer l’écran, pas l’à-peu-près. Tout le reste a été coupé — pas de roadmap, pas de manifeste, pas de liste d’attente.

Structure

La page argumente dans l’ordre : l’échec que tout le monde reconnaît, les règles qui l’évitent, la preuve qu’elles tiennent, puis le prix — gratuit.

Design

Fond quasi noir, un seul accent braise, Newsreader pour les arguments et Instrument Sans pour le reste. Les captures sont les illustrations ; rien n’est dessiné que le produit ne fasse pas.

Développement

Next.js sur Vercel. Les règles sont livrées en markdown, prêtes à être chargées par un agent, et le site sert de documentation.

Livraison

Open source. Forkez les règles, gardez ce qui marche, discutez le reste — c’est l’intérêt de les avoir écrites.

Ce qui a été livré

4 captures

Reckon — la section fixtures et valeurs hostiles — La section fixture : le même effectif en données de démo, puis dans le jeu conçu pour le casser.

Reckon — le produit ClaimsDesk — ClaimsDesk : un brief, un poste de travail, généré depuis un seul jeu hostile.

Reckon — la page shells et archétypes, en entier — La page shells, en entier : quatre archétypes, trois questions chacun.

Ce que ça change

8écrans dans la démo ClaimsDesk, générés depuis un seul jeu de données

1livre de règles, en texte brut, chargeable par n’importe quel agent

Gratuitopen source — prenez tout

L’étape suivante

Vous construisez avec des agents et les écrans ne tiennent pas ? Je passe les règles sur votre produit et je redessine les deux écrans les plus faibles.

Audit UX / UI · 690 $ fixe · 5–7 jours

Parler d’un projet similaire ↗

D’autres projets

Toutes les réalisations ↗

Jedari PlatformInterface produit

NexteneoSite web