Bridge the AI knowledge gap with Modern Web Guidance
summary
Modern Web Guidance plugs into agents via a CLI and Chrome DevTools for agents, exposing over 100 guides that the agent semantically searches and injects into prompts. Demo uses anti-gravity CLI and a GitHub bookshop repo: adding fetchpriority on hero image raises LCP, removing obsolete fallback JavaScript trims dead code, and adding a swipe-to-remove basket action (with fallbacks) works on mobile. A separate portfolio build shows features appear more modern (dark mode, scroll animations) when guidance is used.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:09Prerequisites
- 2:35What is Modern Web Guidance?
- 5:57How it works
- 8:40Demo: Modernizing existing code
- 11:00Executing the Lighthouse audit
- 15:00Applying performance improvements
- 18:38Committing the updates
- 21:07Adding a swipe-to-remove feature
- 24:00Building a new project
- 26:31Keeping Modern Web Guidance up-to-date
- 27:12Bridging the AI knowledge gap
related talks
53mAI Didn’t Kill the Web, It Moved in!
23mWebAI: Building the next user experience in the browser
22mClient side Web AI Agents: Building smarter user experiences for future agentic ...
17mSimplicity panel
32mConversations Without Prompts: AI in the Web
25mCentering DIVs in new and exciting wrong ways with AI?
48mAPIs, Contexts and Prompts: The New Web Developer Stack
25mDefying Gravity