Pluggable, Extensible, and Playful DevTools

Anthony Fu introduces Devframe, a framework-neutral foundation for building DevTools that can be defined once and mounted across different hosts, frameworks, and standalone contexts. It abstracts client-server communication, state sync, and UI rendering behind a Web Standard request handler, allowing tools like Node Modules Inspector, ESLint Config Inspector, and Vite Plugin Inspect to share infrastructure while keeping their own interfaces. Devframe also supports agentic workflows via an MCP adapter, exposing RPC functions and state to AI agents, and introduces a composition layer called Hub that lets multiple Devframes register together behind one entry point. Vite DevTools is the first flagship host built on this foundation, with Nuxt DevTools v4 and a prototype Next.js DevTools also building on it.

Source: https://antfu.me/posts/pluggable-extensible-playful-devtools. 8 Sync News only summarizes and links out; content copyright belongs to the authors and original sources.