The official Chrome Devs X account from Google. We want to help you build beautiful, accessible, fast, & secure websites that work for everyone, everywhere.
Mountain View, CA
Joined February 2010
- Tweets12.2K
- Following134
- Followers427K
- Likes3.7K
Pinned Tweet
Left to their own devices, AI coding agents will happily write 100 lines of custom JavaScript for something modern HTML and CSS can do natively in a few lines.
Today, in partnership with @FirefoxWebDevs, @MozDevNet, and @MSEdgeDev, we're releasing Modern Web Guidance 1.0 with 200+ expert guides and Baseline support → goo.gle/4k8GmBE
Chrome for Developers retweeted
If you use an AI coding tool and you want your app to use the latest web capabilities, be sure to install the Modern Web Guidance plugin.
The backstory behind this is that we realized that much of the code in the wild that AI models use for training includes out of date and suboptimal web patterns. So we decided to build a plugin that makes it easy for developers to automatically adhere to the best practices of web development today.
Check it out!
Chrome for Developers retweeted
¡Google actualiza su skill Modern Web Guidance!
Evita que tu IA genere webs con patrones antiguos y APIs desactualizadas.
✓ Para Chrome, Edge, Firefox y Safari
✓ Funciona en Claude, ChatGPT, Cursor y más
→ github.com/GoogleChrome/mode…
ALT Captura de una página de GitHub del repositorio GoogleChrome/modern-web-guidance, con fondo oscuro. Se ven el texto Keep your coding agent up to date with the latest web best practices, 122 forks, la licencia Apache-2.0, un icono azul y amarillo, el título Modern Web Guidance y el comando npx modern-web-guidance@latest install.
The code passed the vibe check, but failed >40% of the edge cases.
Our evals show that even the latest frontier models consistently fail to follow modern web development best practices.
See the top web dev tasks that AI gets wrong—and how Modern Web Guidance can help → goo.gle/3X1vV9o
Chrome for Developers retweeted
Using the platform is the more direct route to efficient, accessible, and high-performance web experiences. Modern Web Guidance guides your coding agents towards using native platform features instead of custom JS workarounds. We're excited to partner with @ChromiumDev, @FirefoxWebDevs, and @MozDevNet and to celebrate the 1.0 release!
Left to their own devices, AI coding agents will happily write 100 lines of custom JavaScript for something modern HTML and CSS can do natively in a few lines.
Today, in partnership with @FirefoxWebDevs, @MozDevNet, and @MSEdgeDev, we're releasing Modern Web Guidance 1.0 with 200+ expert guides and Baseline support → goo.gle/4k8GmBE
Chrome for Developers retweeted
It’s not every day that you see a project you’ve worked on featured on the Google homepage!
A lot of work has gone into this release, from many people who deeply care about the Web. It helps with performance, a11y, security, and state of the art web tech.
Install it and give us feedback!
Left to their own devices, AI coding agents will happily write 100 lines of custom JavaScript for something modern HTML and CSS can do natively in a few lines.
Today, in partnership with @FirefoxWebDevs, @MozDevNet, and @MSEdgeDev, we're releasing Modern Web Guidance 1.0 with 200+ expert guides and Baseline support → goo.gle/4k8GmBE
Modern Web Guidance gives your AI coding agent 200+ expert-written guides, Baseline browser support, and fallbacks so it writes modern HTML, CSS, and JS instead of legacy workarounds.
Watch @tara_ojo break down how it works in 1.0 ⬇️
youtu.be/PsrHq5F_BAc?si=GRia…
Chrome for Developers retweeted
Also, if you want to explore more and see if this works, we have an evals dashboard where we test this project against each of the models googlechrome.github.io/moder… and you can see the uplift from no guidance to better outcomes with guidance.
Get cleaner, standards-aligned frontend code from the AI coding agent you already use.
Modern Web Guidance plugs into Google Antigravity, Cursor, GitHub Copilot, WebStorm, Codex, Kimi, Grok, and more, and steers your agent toward current web best practices → goo.gle/mwg
Add it to your project in one command: `npx modern-web-guidance @ latest install`
Chrome for Developers retweeted
💥Modern Web Guidance has reached 1.0!
Coding models get stuck in old training data, MWG is a set of skills that’s vetted by industry experts. It helps with perf, a11y, security, and state of the art web tech
Easy to get started:
🛠️ npx modern-web-guidance@latest install
Or you can do a per agent install.
youtube.com/watch?si=fV5ARZi…
Chrome for Developers retweeted
This is incredibly cool!
HTML-in-Canvas launches in Chrome 157 to let you create UIs never before possible on the web → goo.gle/4eFO6aF
Key end-user benefits:
🔠 Keep the content fully interactable while painting into canvas, including texture for 3D scenes
♿ Fully accessible to screen readers and AI agents
🔍 Browser functionality like translation & "find in page" stay working
HTML-in-Canvas launches in Chrome 157 to let you create UIs never before possible on the web → goo.gle/4eFO6aF
Key end-user benefits:
🔠 Keep the content fully interactable while painting into canvas, including texture for 3D scenes
♿ Fully accessible to screen readers and AI agents
🔍 Browser functionality like translation & "find in page" stay working
Why do we need WebMCP when a backend API already does the job?
@kaskulikowski tackles your biggest questions on session auth, browser-use, and production use cases in 90 seconds ⏱️
Stop hunting for ghosts in the heap → goo.gle/4sQHooo
Learn how to use DevTools for agents to enable your coding agent to find and fix memory leaks like detached DOM nodes in your web app.
Chrome for Developers retweeted
outputSchema just landed in the #WebMCP specification (github.com/webmachinelearnin…), letting web apps declare the JSON Schema of what a tool returns alongside inputSchema.
It closes a subtle gap when designing tools for larger apps.
Give your coding agent best practices for HTML-in-Canvas.
An agent using Modern Web Guidance sets `content="drawable"` on the canvas, places the HTML elements inside, and marks the inner HTML elements as drawable. It also supplies a fallback for unsupported browsers.
Install it today to get started → goo.gle/mwg
Chrome for Developers retweeted
Think WebMCP and MCP are competing? Think again.
- MCP connects agents to your backend servers & data
- WebMCP connects agents to your frontend UI while the user is in the tab.
One powers the engine behind the scenes, and the other drives the UI in real-time.
Testing for a Pixel 10, Galaxy Z Fold 6, or Nest Hub Max? Device Mode has them and more → goo.gle/4i2xbRL
Test how everything looks across modern devices. The new presets are grouped by form factor: Mobile, Foldables, Tablets & Desktops, and Smart Displays.
