# Vite Plugin Hot Module Analyzer

> Monitors and analyzes Vite HMR (Hot Module Replacement) update chains using the vite.config.ts plugin API and ws WebSocket events. Identifies slow module boundaries, circular dependency hot paths, and generates flamegraph-compatible output for Chrome DevTools Performance panel.

- Skill: `agentskillexchange/vite-plugin-hot-module-analyzer` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/vite-plugin-hot-module-analyzer`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/vite-plugin-hot-module-analyzer/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/vite-plugin-hot-module-analyzer

---


# Vite Plugin Hot Module Analyzer

Monitors and analyzes Vite HMR (Hot Module Replacement) update chains using the vite.config.ts plugin API and ws WebSocket events. Identifies slow module boundaries, circular dependency hot paths, and generates flamegraph-compatible output for Chrome DevTools Performance panel.

## Installation

Requirements and caveats from upstream:
- <a href="https://nodejs.org/en/about/previous-releases"><img src="https://img.shields.io/node/v/vite.svg" alt="node compatibility"></a>

Basic usage or getting-started notes:
- A dev server that provides [rich feature enhancements](https://vite.dev/guide/features) over [native ES modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules), for example extremely fast [Hot...

- Source: https://github.com/vitejs/vite
- Extracted from upstream docs: https://raw.githubusercontent.com/vitejs/vite/HEAD/README.md

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/vite-plugin-hmr-analyzer/)