- Context7: https://context7.com/
- Ref: https://ref.tools/
- https://developer.mozilla.org/en-US/docs/Web/API/Summarizer_API
- https://developer.chrome.com/docs/ai/summarizer-api https://developer.chrome.com/docs/extensions/ai
chrome://on-device-internals
chrome://flags/#optimization-guide-on-device-model chrome://flags/prompt-api-for-gemini-nano-multimodal-input chrome://flags/#proofreader-api-for-gemini-nano
Le problème d'un LLM c'est qu'il n'est pas forcément entrainé sur les dernières données. Du coup quand vous posez une question, il vous répond en prenant potentiellement un bout d'une réponse de Stackoverflow 2018, une doc d'une version antérieure, un README qui n'est pas maintenu ou un article Medium tout pourri
C'est une sorte de RAG pour faire simple avec du chunk de votre doc, de l'embedding, de l'ANN (Approcimate Nearest Neighbor)
https://www.youtubCane.com/watch?v=vC4qH1cCZlg
=> Show MCP + web site (https://developer.chrome.com/blog/chrome-devtools-mcp)
Using Puppeteer (not Playwright)
# In Kiro
Can you run the application and see how the application works in Chrome browser
In Kiro
Run the application in 3G, 2G and fast internet networks and see how the application performance is and where it slows down
In Kiro
Run the application and test it in Google Chrome.
Check for CSS layout issues and visual bugs in the application
Conditions:
- Etre loggé dans Chrome
- Avoir plus de 18 ans
- Etre dans une region supportée (bon en France)
- Utilisé un langage supporté (il faut que Chrome soit en Anglais)
Why? (https://www.youtube.com/watch?v=VDtgyEB9Q_Q)
- Sensitive Data
- Low Latency
- Greater availability
Translator API
- Dynamically translates user-generated or changing content.
Language Detector API
- Automatically detects the language of a given text.
Summarizer API
- Summarizes long texts — perfect for lengthy articles, emails, or dense content.
Writer & Rewriter API
- Writer: generates new text based on a specific task (e.g., product descriptions or emails)
- Rewriter: restructures and improves an existing piece of text.
Prompt API
- Allows you to directly interact with the language model, unlocking more advanced features (though it requires some understanding of prompt engineering).
Demo
if Summarize in self
create Summarizer
Summarizer options
Summarizer context
Summarizer monitor
call Summarizer
return Summarizer
create LanguageModel
LLM Prompt
LLM Prompt call
LLM Schema constraint
LLM Schema def
LLM return
if proofreader in self
create ProofReader
expectedInputLanguages
call proofReader
return proofReader
https://chrome.dev/web-ai-demos/
Image demo?
https://www.youtube.com/watch?v=360P3ldQQEk
TODO: Récupérer les prompts depuis la vidéo.
https://github.com/jasonmayes/WebAIAgent
Faire en sorte que son site soit facile à lire par un agent AI. Comme on a du faire des sites responsive pour rester compétitif avec l'essort du smeartphone.
Dans le futur on créera des sites web désignés pour être compatibles avec des agents AI.
Parlons de notre site web à l'air de IA.
Jusqu'à aujourd'hui, quand on voulait parler à Gogole, on utilisait robot.txt.
On disait Tu peux passer par ici, tu ne peux pas passer là, ce contenu eqt prioritaire, celui là non,
En 2026, on commence à devoir parler aux IA.
Et pour ça, on a un nouveau petit fichier très simple: LLMS.txt.
Ce n'est pas encore un standard, c'est une proposition.
Alors, c'est quoi ce fichier? C'est un fichier que vous mettez à la racine de votre site, comme robot.txt mais contrairement à lui qui parle aux crawlers, il parle aux LLMs.
C'est un peu le mode d'emploi de votre site web.
Pourquoi c'est important?
Aujourd'hui, les IAs viennent chercher du contexte sur vos sites pour:
- répondre à des questions
- générer du ode
- expliquer vos APIs
- résumer votre doc
Le problème c'est qu'elles ne savent pas:
- ce qui est obsolète
- ce qui est critique
- ce qui est pédagogique, contractuel, etc
C'est ce qu'on peut décrire dans le fichier LLMS/txt. Par exemple:
- cette page est la doc officielle
- cette page est obsolète
- n'utilise pas cette page
- voici le vocabulaire à utiliser pour parler du produit
- voici les règles à respecter pour expliquer notre API
WebMCP: usb-ci for web applications
On a des modèles qui peuvent aller browser, cliquer, entrer des données pour vous. mais le web n'a pas été fait our les agents. Alors on peut faire son site fait pour les agents, mais on a toujours des utilisateurs qui viennet sur notre site. Un peu comme pour le responsive, on doit adapter notre site pour répondre à tous les besoins: les users mobiles, desktops, et AI
Evolutions Web Assembly (4G?) / WebGPU (Année de sortie? Baseline since? Nouvelles fonctions bas niveau) / Gemini (Build-in AI API w/ Gemeni Nano in Chrome)
Transformers.js (WebNN, WebGPU, Web Assembly).
https://www.youtube.com/watch?v=gJMiWw_5-us
No API key, no token, no cloud involved, so... no Credit Card, no money Cross browser so works on any OS
Comparaison avec LiteRT? (https://www.youtube.com/watch?v=HAjotVloAvI)