plugin-bundle-size

What the skill teaches

A Grafana skill for making an app plugin load faster by shrinking the module.js bundle the browser fetches first. The agent can add bundle size reporting in CI, checks the plugin type and updates @grafana/create-plugin, looks for code worth splitting, then applies React.lazy, Suspense and webpack code splitting in priority order: the module entry point, routes in App.tsx, extension components and component registries or tabs. It regroups chunks if splitting goes too far, measures the result and tests the running plugin. Risk levels are given for each change.

Capabilities

Details