Éditeur photo avec des outils IA
Un éditeur photoavec l'IA dedans.
On peut retoucher des portraits, changer les vêtements d'un mannequin, modifier une pose, déplacer la caméra et créer des logos. Tout se fait dans une seule app, sur le web, le desktop et le mobile.
- Mon rôle
- Chef d'équipe
- Client
- Yellowbox
- Équipe
- 3 à 4 devs, moi compris
- Plateformes
- Web, Windows, macOS, Android
- Site
- clor.kr
01Retouche portrait
Retoucher la peausans la rendre fausse.
Des curseurs pour les imperfections, les cernes et les rides. Les pores, le grain et l'expression restent, donc la personne se ressemble toujours.
AvantAprès
10+ curseurs
Imperfections, grains de beauté, peau grasse, cernes, lèvres, double menton et rides.
Préréglages
On part de Tous, Femme, Femme âgée ou Individuel en un clic.
Enregistrer et synchroniser
On enregistre ses réglages et on les applique à toute une séance.
02Essayage IA
Changer la tenuesans refaire de photos.
On dépose un vêtement sur la photo d'un mannequin. Clor AI l'ajuste au corps et garde la pose et la lumière, donc on a une nouvelle photo utilisable dans un catalogue.
- Tête
- Visage
- Gants
- Haut
- Bas
- Accessoire
- Chaussures
7 emplacements, une bibliothèque de styles, et un prompt si on veut décrire la coupe.
03AI Director : pose
Changer la pose,garder la personne.
Clor AI repère le corps, les mains et le visage, puis construit un squelette 3D qu'on bouge articulation par articulation. On peut aussi choisir une pose toute faite. Ensuite il refait le rendu de la photo.
1DétecterRepère le corps, les mains et le visage
2Poser en 3DBouger les articulations ou choisir une pose
3RenduMême visage, même costume, nouvelle pose
04AI Director : caméra
Bouger la caméraaprès la photo.
On fait tourner une caméra virtuelle autour de la personne pour avoir un nouvel angle, et on peut aussi changer la lumière. Une seule photo donne plusieurs points de vue.
Original, de profil
Nouvel angle, de dos
05Logo IA
Générer un logo,puis modifier le vecteur.
Le logo sort en vrai SVG, donc on peut modifier chaque tracé et chaque point, changer les couleurs et ajouter des effets.
Vrai SVG
18 tracés, avec groupes et calques
Polices
Google Fonts, ou import d'un .ttf ou .otf
Effets
Contour, ombre, lueur et motifs
Export
Un vecteur propre, prêt à imprimer
06Le reste de l'éditeur
Un vrai éditeur photoautour des outils IA.
Bibliothèque
Des centaines de photos par projet, avec notes, drapeaux et filtres.
Outils d'édition
Calques, sélection, pinceau, correcteur, recadrage et texte.
Comparer et exporter
Vue côte à côte pour comparer, puis export, impression ou sauvegarde dans le cloud.
Retouche portrait avec la vue côte à côte 
Essayage IA avec les emplacements de tenue 
Éditeur SVG pour les logos
07Comment c'est fait
Ce que j'ai faiten tant que chef d'équipe.
- commits sur le projet, frontend et backend
- 4 000+
- sont à moi, le plus de l'équipe
- 1 600+
- modèles d'IA qui tournent dans le navigateur
- 40+
- langues
- 12
Chef d'équipe développement (Infinique, pour Yellowbox)
Clor AI est un éditeur photo qu'on développe pour Yellowbox chez Infinique, où je dirige l'équipe de dev. Il a les outils pro habituels (calques, pinceaux, liquify, masques) et beaucoup d'IA en plus : on peut remodeler le corps et le visage, retoucher la peau, enlever les imperfections, arranger les dents ou effacer des tatouages avec des curseurs en temps réel.
Une bonne partie des modèles d'IA tourne sur l'appareil, donc les photos n'ont pas besoin de le quitter. Pour le reste, on utilise AWS (ECS, Fargate, SQS), Cloudflare R2 pour le stockage, Hugging Face et Replicate. L'app est faite en React et sort sur le web, sur desktop avec Electron et sur mobile avec Capacitor.
- Éditeur multi-calques avec moteur de pinceaux, liquify, masques et transformations
- Inférence locale côté client avec des modèles TensorFlow et ONNX
- Infrastructure AWS (ECS, Fargate, SQS) et stockage Cloudflare R2, avec des modèles Hugging Face et Replicate
- Édition non destructive en temps réel avec rendu canvas optimisé
- Une seule base de code pour le Web, le desktop Electron et le mobile Capacitor
- Chef d'équipe : architecture, revues de code et mentorat
Notre propre moteur WebGL 2
Pas de bibliothèque canvas. Chaque retouche est un shader GLSL qu'on a écrit. Les gros exports sont rendus par tuiles, donc les fichiers 8K passent même au-delà de la limite de texture du GPU.
Modèles dans des Web Workers
Les modèles MediaPipe, ONNX et TF.js tournent dans une douzaine de workers, donc l'interface ne bloque pas. Sur desktop, Electron les fait tourner en natif.
Pipeline de pose
Les points détectés deviennent un squelette 3D dans React Three Fiber. On le rend en image OpenPose et on l'envoie au modèle d'image.
Fichiers RAW en WebAssembly
On a compilé LibRaw en module WASM mono-thread. Il n'a pas besoin de SharedArrayBuffer, donc le site marche sans isolation cross-origin.
Une file de tâches pour les modèles IA
Une API Fastify et des workers sur Fargate envoient chaque tâche via SQS au bon fournisseur : Gemini, OpenAI, fal, Replicate, Recraft et d'autres.
Une seule base de code
Un monorepo Turborepo avec de petits adaptateurs par plateforme. Le même éditeur sort sur le web, sur desktop avec Electron et sur mobile avec Capacitor.
Stack
React
TypeScript
AI / ML
Three.js
AWS
Hugging Face
Replicate
Electron
Capacitor
Vite
Tailwind CSS
Node.js
Fastify
PostgreSQL
Envie d'essayer ?C'est en ligne.
Clor AI est fait pour Yellowbox par notre équipe chez Infinique.
clor.kr