AI Didn’t Kill the Web, It Moved in! — Olivier Leplus (AWS) & Yohan Lasorsa (Microsoft)
TL;DR
AI has permeated every stage of the web development lifecycle, from coding agents that use customizable "skills" to browser-native AI debugging tools, fundamentally shifting how developers build, test, and optimize applications.
🤖 Agentic Coding & Custom Skills 3 insights
Skills extend agent capabilities
Lightweight text-based plugins following open specifications allow coding agents to access domain-specific expertise and external tools like GitHub CLI or Playwright.
Workflow automation via agents.md
Developers can define repeatable workflows in a standard agents.md file, enabling autonomous implementation of features, video recording, tunnel creation, and mobile notifications.
Custom skill creation
Developers can build custom skills (e.g., sending Telegram notifications or creating public tunnels) to integrate personal workflows and external services into the agentic pipeline.
🔍 Browser Control via MCP 3 insights
Chrome DevTools MCP server
The Model Context Protocol (MCP) enables agents to programmatically control Chrome DevTools, allowing automated clicking, form filling, screenshots, and performance tracing.
Automated performance testing
Agents can simulate various network conditions (2G, 3G, fast internet) and generate detailed reports with Core Web Vitals metrics (LCP, CLS) and optimization recommendations.
Seamless IDE integration
MCP servers integrate directly into development environments, giving agents access to browser capabilities without manual intervention.
💻 Native AI in Browser DevTools 3 insights
Contextual error debugging
Chrome DevTools now features built-in AI assistance (when enabled) to explain console errors like CORS issues and suggest fixes directly within the browser.
Performance optimization insights
Developers can analyze network requests and performance traces using AI chat interfaces to identify render-blocking resources and optimize LCP scores.
Integrated debugging workflow
AI assistance eliminates context switching by allowing developers to debug failing requests and analyze CSS directly within familiar DevTools panels.
Bottom Line
Developers should adopt "skills" and MCP servers to automate their specific workflows while enabling AI features in browser DevTools to streamline debugging, as these integrations represent the new standard for efficient web development.
More from AI Engineer
View all
Think You Can Build a Game with AI? Think Again! - Danielle An & David Hoe, Meta
Meta engineers Danielle An and David Hoe argue that while AI has democratized basic game creation, true differentiation requires human taste, cohesive aesthetics powered by key art anchoring, and innovative runtime LLMs that enable unscripted, dynamically personalized gameplay experiences previously impossible in traditional development.
Beyond the Harness: A Journey Towards Adaptative Engineering - Rajiv Chandegra, Annicha Labs
Rajiv Chandegra introduces 'adaptive engineering,' a paradigm shift from fixed AI harnesses (like Cursor or Claude Code) to dynamic, self-organizing systems that emerge during runtime, enabling AI to handle complex, real-world messes beyond deterministic software environments.
What if the harness mattered more than the model? - Aditya Bhargava, Etsy
Aditya Bhargava argues that sophisticated agent harnesses can compensate for weaker open-source models, enabling local AI to match proprietary performance while reducing vendor dependency.
Frontier results, on device - RL Nabors, Arize
Rachel Lee Neighbors introduces a framework for replacing expensive cloud-based frontier models with Small Language Models (SLMs) running on-device, demonstrating how a systematic 'prototype big, deploy small' approach using evaluation tools like Phoenix can cut inference costs to zero while maintaining 90% accuracy and enabling offline functionality.