Перейти к содержимому

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