Déclic
D'une photo à ta boutique, en un déclic — le studio IA qui transforme une photo produit en fiche publiable, décline le catalogue multicanal et le traduit
Discuter d'un projet similaireRéponse courte
Déclic est un studio e-commerce propulsé par l'IA, conçu par Digit-AI lors du hackathon Vibe Coding Arena 2026 (brief « Retail & E-commerce »). Il transforme une simple photo de produit en fiche prête à publier — titre, description SEO, bullet points, attributs, mots-clés et visuel mis en scène — en une dizaine de secondes, contre une vingtaine de minutes en manuel. Il décline ensuite tout un catalogue en lot, l'exporte sur plusieurs canaux (Shopify, Instagram) et le traduit via DeepL. La chaîne s'appuie sur la vision et la rédaction Anthropic, fal.ai pour l'image, remove.bg pour le détourage, avec toutes les clés côté serveur et un fallback déterministe sur chaque intégration.
La fiche produit, goulot d'étranglement du petit marchand
Pour un artisan ou une petite marque, créer une fiche prend ~20 minutes, le catalogue est mal référencé et le multilingue reste hors de portée
Marchands indépendants, artisans et petites marques passent environ 20 minutes par fiche à rédiger un titre, une description, des attributs — sans temps pour le SEO ni la traduction. Résultat : des catalogues incomplets, mal référencés et mono-langue. Déclic transforme ce travail manuel en une chaîne automatisée qui part d'une simple photo.
~20 minutes par fiche
La rédaction manuelle est lente et fastidieuse, multipliée par chaque produit du catalogue.
SEO négligé
Faute de temps et d'expertise, titres et mots-clés ne sont pas optimisés, et les produits restent invisibles.
Visuels bruts
Photos prises sur un coin de table, fond non détouré : une présentation peu professionnelle.
Pas de multilingue
L'international reste inaccessible faute de temps pour traduire et adapter chaque fiche.
Périmètre fonctionnel
Marchands indépendants, artisans, petites marques. Processus couverts : capture photo, génération de fiche SEO, visuel mis en scène, édition inline et changement de ton, catalogue en lot, export multicanal et traduction.
Contraintes principales
Construit en 24 h (hackathon) · Monorepo 100 % Railway (web + api + Postgres) · Clés d'intégration exclusivement côté serveur · Free-tier, sans scraping · Fallback déterministe par intégration.
Ce que Déclic résout
Trois axes pour passer d'une photo à un catalogue publiable, optimisé et international
Vitesse de mise en marché
Réduire la création d'une fiche de ~20 minutes à une dizaine de secondes, photo comprise, pour publier sans attendre.
Qualité & référencement
Produire des fiches optimisées SEO et des visuels mis en scène détourés, pour une présentation professionnelle homogène.
Diffusion multicanal & multilingue
Décliner le catalogue sur plusieurs canaux et le traduire via DeepL pour ouvrir l'international sans recopie manuelle.
Ce que permet Déclic
De la photo à la publication multicanal, une chaîne complète de création de fiches produit
Photo → attributs structurés
L'API vision Anthropic analyse la photo et en extrait des attributs structurés (type, couleur, matière, style) qui servent de socle à la fiche.
Fiche produit SEO complète
Génération du titre, de la description SEO, des bullet points, des attributs et des mots-clés — une fiche prête à publier, pas un simple paragraphe.
Visuel mis en scène
Génération d'un visuel produit via fal.ai, lancée en arrière-plan et non bloquante : la fiche texte n'attend jamais l'image.
Édition inline & changement de ton
Correction d'un attribut ou changement de ton (chaleureux, premium, technique…) avec régénération immédiate du contenu concerné.
Catalogue en lot & multicanal
Traitement de plusieurs photos en parallèle puis déclinaison du catalogue sur plusieurs canaux (export Shopify CSV, légende Instagram).
Traduction & coach SEO
Traduction multilingue via DeepL, score SEO avec suggestions (heuristiques locales) et détourage du fond via remove.bg.
Stack Technique
Un monorepo TypeScript déployé en 100 % Railway, avec toutes les intégrations IA orchestrées côté serveur
Frontend (apps/web)
Backend (apps/api)
Intelligence artificielle
Intégrations
Données & ORM
Auth & Infra
Pattern différenciant — withFallback() : chaque intégration externe (vision, rédaction, fal.ai, remove.bg, DeepL) est encapsulée par un wrapper unique qui gère timeout, erreurs, quotas et bascule sur une fixture déterministe. Aucune intégration n'est appelée sans lui — et la fiche texte, synchrone, reste le cœur fiable pendant que le visuel se génère en arrière-plan.
Schémas d'Architecture
Monorepo Railway : un SPA React qui ne parle qu'à une API d'orchestration Node/Express, laquelle pilote toutes les intégrations et la persistance Postgres
Utilisateur
Marchand / artisan
Capture ou upload d'une photo produit
Interface web (apps/web)
SPA React 18 + Vite
Studio, catalogue · TanStack Query · Tailwind
API d'orchestration (apps/api)
Node 20 + Express + TypeScript
Auth JWT, /listings, orchestration
withFallback()
Timeout + quota + bascule fixture
Intégrations (côté serveur)
Anthropic Vision
Anthropic Rédaction
fal.ai (visuel)
remove.bg (détourage)
DeepL (traduction)
Persistance
Railway Postgres + Prisma
Modèles User · Listing (catalogue)
Ce que démontre le prototype
Indicateurs issus du prototype présenté au hackathon Vibe Coding Arena 2026
| Indicateur | Création manuelle | Avec Déclic | Gain |
|---|---|---|---|
| Temps de création d'une fiche | ~20 minutes (manuel) | ~10 secondes | −99 % |
| Qualité SEO | Variable, souvent négligée | Titre, description et mots-clés optimisés | Standardisé |
| Visuel produit | Photo brute, fond négligé | Visuel mis en scène + détourage | Professionnel |
| Déclinaison multicanal | Recopie manuelle par canal | Export Shopify CSV / Instagram | Automatisé |
| Internationalisation | Pas de temps pour le multilingue | Traduction DeepL en un clic | Débloqué |
Gains qualitatifs
Chaîne complète, pas un wrapper
Déclic couvre toute la chaîne photo → fiche publiable → déclinaison → traduction, là où la plupart des outils s'arrêtent à un générateur de texte.
Sécurité des clés
Toutes les clés d'intégration (Anthropic, fal.ai, remove.bg, DeepL) restent côté serveur ; le client ne parle qu'à l'API.
Dégradation gracieuse
Chaque intégration est encapsulée par withFallback() : un service lent ou en quota bascule sur une fixture déterministe sans casser le parcours.
Image de marque homogène
Fiches au format cohérent, visuels mis en scène et fond détouré : un catalogue qui inspire confiance, même pour un marchand indépendant.
Mobile-first
Le Studio est pensé capture-first sur mobile : prendre la photo et obtenir la fiche dans la foulée, barre d'actions ancrée.
Catalogue scalable
Modèle de données extensible (User, Listing) prêt pour le lot, les exports, les traductions et le score SEO sans refonte.