Hello les Cocréateurs,
Ca fait un bail que je j’ai pas posté ici. Hier j’ai publié une vidéo sur ma chaîne Youtube qui montre comment on peut intégrer dans Claude des connecteurs et des skills qui nous permettent notamment de créer des images, retouches photo IA, schémas de flux,…
Je n’ai pas pu montrer en détail sur ma vidéo longue déjà de 20 minutes comment cette logique fonctionnait.
Donc, je profite de cette question de Cédric pour vous expliquer tout ça :
Les prérequis :
- Avoir un compte Claude
- Avoir un compte Hugging Face
Va ensuite sur ce space Hugging Face Flux Kontext qui est compatible MCP et qui permet de retoucher des photos avec l’IA gratuitement
Quand tu es dessus, clique sur MCP > Add To MCP Tools
Sur la page qui s’affiche ensuite, fais Add Space
Il devrait s’afficher ici :
On va maintenant créer un connecteur Hugging Face avec Gradio actif sur Claude ici
https://claude.ai/customize/connectors
Un connecteur Claude Hugging Face existe, mais il n’a pas Gradio actif, donc c’est pour ça qu’on doit le recréer avec cette URL de config : MCP Server Settings
Après on autorise tout ici :
Les étapes pour retoucher une photo avec FLUX.1 Kontext depuis Claude :
Étape 1 — Connecter Hugging Face à Claude
Dans Claude.ai, va dans Paramètres → Connecteurs et ajoute le connecteur « Hugging Face avec Gradio » (attention : il en existe deux, prends bien celui avec « Gradio »).
Tu devras autoriser l’accès avec ton compte Hugging Face.
Étape 2 — Uploader ta photo et décrire ta modification
Glisse simplement ta photo dans le chat Claude, puis décris ce que tu veux modifier. Claude se charge du reste automatiquement.
Par exemple :
« Mets-lui un hoodie marron avec écrit Claude en gros en blanc dessus, il marche sur la plage de Cannes et fait un cœur avec ses deux mains. »
Ce que Claude fait en coulisse :
Sous le capot, Claude utilise le Space Hugging Face FLUX.1 Kontext Dev (mcp-tools/FLUX.1-Kontext-Dev). Ce modèle de Black Forest Labs est spécialisé dans l’édition d’image : il modifie des éléments précis (vêtements, décor, posture) tout en conservant l’identité du sujet.
Le workflow technique que Claude exécute en automatique :
- Il uploade ta photo sur le serveur Gradio du Space pour obtenir une URL temporaire
- Il traduit ton prompt en anglais (FLUX est entraîné en anglais)
- Il appelle le modèle via le MCP et récupère l’image générée
Résultat :
J’ai 12 doigts !!! 
Tu peux demander à Claude de sauvegarder cette logique en skill, pour ne pas avoir à réexpliquer le workflow à chaque fois. Claude crée alors un fichier .skill skill.md ou réutilisable, qu’il suffit d’installer une fois.
Là je clique sur « Copier dans mes compétences »
La Skill a été ajouté ici :
Le trigger word à utiliser avec une image la prochaine fois + connecteur Hugging Face avec Gradio activé :
modifie cette image avec ce prompt :
le youtubeur tech est dans un décor synthave des années 80 avec des palmiers et la plage de Cannes et il porte un hoodie bleu « Cocréateur »
Le résultat :
Ne pas hésiter à itérer et modifier la skill si ça plante. C’est ce que j’ai fait, car il ne mettais mon token Hugging Face tout le temps lors de l’appel au MCP Flux Kontext
La skill à copier coller :
---
name: flux-kontext-image-edit
description: >
Edite une image uploadee par l'utilisateur via FLUX.1 Kontext (Hugging Face MCP).
Utiliser cette skill des que l'utilisateur veut modifier, transformer ou editer une photo
avec un prompt textuel. Triggers - "modifie mon image", "change le fond", "mets-lui un hoodie",
"edite cette photo", "transforme cette image", "applique ce style", "change la tenue",
"mets-le sur la plage", ou toute demande de modification visuelle sur une image uploadee.
---
# FLUX.1 Kontext — Edition d'image via Hugging Face MCP
## IMPORTANT : Prerequis obligatoire
Cette skill NECESSITE le connecteur **"Hugging Face avec Gradio"** (pas "Hugging Face" seul).
Ce connecteur passe le token HF de l'utilisateur pour acceder au GPU via ZeroGPU.
Sans token authentifie, l'appel echoue systematiquement avec "GPU quota exceeded".
Le connecteur expose des outils prefixes `Hugging Face avec Gradio:gr2_...`.
Avant de commencer, verifier leur presence via `tool_search` :
tool_search(« gr2 flux kontext infer gradio »)
Si l'outil `Hugging Face avec Gradio:gr2_flux_1_kontext_dev_infer` n'apparait pas,
demander a l'utilisateur de verifier que le connecteur "Hugging Face avec Gradio" est bien actif
dans ses parametres Claude (Settings > Connectors).
---
## Workflow en 3 etapes
### Etape 1 — Recuperer le fichier uploade
```bash
ls /mnt/user-data/uploads/
Etape 2 — Uploader l’image sur le serveur Gradio pour obtenir une URL HTTP
Les outils MCP n’acceptent que des URLs HTTP(S), pas des chemins locaux.
curl -s -X POST "https://mcp-tools-flux-1-kontext-dev.hf.space/gradio_api/upload" \
-F "files=@/mnt/user-data/uploads/TON_FICHIER.jpg"
Reponse : ["/tmp/gradio/HASH/nom_fichier.jpg"]
Construire l’URL complete :
https://mcp-tools-flux-1-kontext-dev.hf.space/gradio_api/file=/tmp/gradio/HASH/nom_fichier.jpg
Etape 3 — Appeler FLUX.1 Kontext via le MCP Gradio
Utiliser l’outil Hugging Face avec Gradio:gr2_flux_1_kontext_dev_infer :
| Parametre | Valeur recommandee | Notes |
|---|---|---|
input_image |
URL construite a l’etape 2 | Obligatoire |
prompt |
Prompt de modification en anglais | Traduire si besoin |
guidance_scale |
3.5 |
Augmenter jusqu’a 5.0 pour plus de fidelite |
steps |
22 |
Max recommande pour rester dans le quota ZeroGPU |
randomize_seed |
true |
Recuperer et sauvegarder le resultat
La reponse retourne une chaine contenant l’URL de l’image generee. Exemple :
https://mcp-tools-flux-1-kontext-dev.hf.space/--replicas/XXXX/gradio_api/file=/tmp/gradio/HASH/image.webp{'visible': True...}
Tronquer l’URL apres .webp (supprimer tout ce qui suit) puis :
curl -s -L "URL_NETTOYEE.webp" -o /mnt/user-data/outputs/resultat.webp
Puis appeler present_files pour partager avec l’utilisateur.
Bonnes pratiques de prompt
- Toujours en anglais (FLUX.1 Kontext est entraine en anglais)
- Commencer par ancrer le sujet : « The same man from the photo… »
- Decrire les modifications souhaitees clairement
- Terminer par : « Keep his face and facial features identical »
Exemple :
« The same tech YouTuber man from the photo, wearing a blue hoodie with ‹ Cocreateur › written in large bold white letters on the chest. Synthwave 80s neon setting with palm trees and Cannes beach in background, purple pink sunset sky, vaporwave aesthetic. Keep his face, red cap, and facial features identical. »
Depannage
| Erreur | Cause | Solution |
|---|---|---|
Outil gr2_flux_1_kontext_dev_infer introuvable |
Connecteur « HF avec Gradio » non charge | Relancer tool_search ou verifier le connecteur |
GPU quota exceeded |
Token HF manquant (acces anonyme) | Utiliser imperativement le connecteur « Hugging Face avec Gradio » |
Invalid file data format |
Chemin local au lieu d’URL | Executer l’etape 2 (curl upload) |
Method Not Allowed |
Mauvais endpoint | Utiliser /gradio_api/upload (pas /upload) |
| Image sans modifications | guidance_scale trop bas | Augmenter a 4.0-5.0 et reformuler le prompt |