J'ai codé une extension Chrome avec Gemini 3.8 Flash pour aider les seniors
Kelvyn Quantum
0:00 / 0:00
J'ai codé une extension Chrome avec Gemini 3.8 Flash pour aider les seniors
63 просмотра · 2 недели назад
Kelvyn Quantum
3 подписчика
63 просмотра · 2 недели назад
Je donne des cours d'informatique aux personnes âgées. Elles se perdent constamment
sur leur navigateur : elles oublient où cliquer, restent bloquées, cliquent dans le
vide. Alors j'ai codé l'extension Chrome que j'aurais aimé leur donner — et je l'ai
fait entièrement avec Gemini 3.8 Flash en raisonnement High, dans Google Antigravity.
Le résultat : « Aide Navigation Seniors », une extension qui détecte quand la personne
est bloquée (15 secondes d'inactivité, ou 3 clics dans le vide), lui demande ce qu'elle
cherche avec ses propres mots, puis projette un halo lumineux directement sur le bouton
sur lequel elle doit cliquer.
Vous voyez tout : le prompt de départ, le plan d'implémentation, la génération du code,
l'installation dans Chrome, les démos qui marchent, celles qui ratent, les bugs, les
allers-retours avec le modèle, et le coût réel à la fin.
Spoiler : moins d'1 centime pour toute la session.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⚙️ CE QUI EST UTILISÉ
• Google Antigravity — l'IDE agentique de Google
• Gemini 3.8 Flash (raisonnement High, puis Medium) — le modèle qui écrit le code
• Gemini 3.1 Pro High — en renfort quand Flash bloque sur les erreurs
• DeepSeek V4 Pro — pour générer le prompt de départ
• Qwen 3.8 Flash via OpenRouter — l'IA qui tourne à l'intérieur de l'extension
• Chrome Manifest V3, Shadow DOM, normes d'accessibilité WCAG AAA
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🔗 LES LIENS
▸ OpenRouter (pour créer votre clé API)
https://openrouter.ai
▸ Google Antigravity
https://antigravity.google
▸ Mon blog IA & tech — actus, logiciels, cybersécurité
https://klynlabs.vercel.app
▸ Télécharger l'extension (dossier compressé)
https://drive.google.com/drive/folder...
▸ DevisWebPro — créez vos devis gratuitement, 100 % en local
[À COMPLÉTER — lien de ta vidéo dédiée, celle que tu épingles]
▸ Deepseek--
https://chat.deepseek.com/
▸ Sites utilisés pour les tests dans la vidéo
https://chronometre-en-ligne.com
https://chronometre.minuteur-en-ligne...
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🔑 INSTALLER L'EXTENSION
1. Téléchargez le dossier compressé (lien ci-dessus) et décompressez-le
2. Créez votre clé API sur https://openrouter.ai (connexion Google, puis
Credits → Add Credits, puis API Keys → Create Key)
3. Ouvrez chrome://extensions dans Chrome
4. Activez « Mode développeur » en haut à droite
5. Cliquez sur « Charger l'extension non empaquetée »
6. Sélectionnez le dossier « Aide extension »
7. Ouvrez la popup de l'extension et collez votre clé API
⚠️ Ma clé API n'est pas incluse dans le dossier — il vous faut la vôtre.
Comptez quelques centimes par mois pour un usage normal.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⏱️ CHAPITRES
0:00 L'idée : aider les seniors perdus sur leur navigateur
1:43 Le plan d'implémentation et l'arborescence
4:06 Gemini 3.8 Flash génère tous les fichiers
5:34 Installation de l'extension dans Chrome
7:45 Les réglages : inactivité et clics dans le vide
17:50 Pourquoi Antigravity change la donne
19:25 Première démo : le spotlight fonctionne
22:57 L'IA derrière l'extension : Qwen 3.8 Flash
26:28 Les erreurs s'enchaînent
28:57 Je change de modèle
29:53 Test grandeur nature sur YouTube
31:20 Mon blog IA
35:42 Le coût réel sur OpenRouter
42:46 Comment récupérer l'extension
43:40 Créer votre clé OpenRouter pas à pas
45:01 DevisWebPro : vos devis en local
45:37 Conclusion
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Si la vidéo vous a plu, un pouce bleu aide vraiment la chaîne. Abonnez-vous et
activez la cloche 🔔 pour ne rien manquer des prochaines : une vidéo dédiée à
l'installation et à la prise en main d'Antigravity arrive bientôt.
Dites-moi en commentaire quelle fonction vous ajouteriez à l'extension.
#gemini #antigravity #extensionchrome #vibecoding #intelligenceartificielle