用途：该技能用于优化前端开发中的热模块替换（HMR）与 Fast Refresh，提升重新构建速度。适用于使用 Vite、Next.js 或 webpack 的项目。
主要能力：分析慢重建瓶颈；按框架配置 HMR；优化打包器、排除重型依赖；设置持久性缓存；监控开发服务器指标；进行增量微调。
使用方式：核心工作流为分析瓶颈、配置 HMR、优化打包器、设置缓存、监控性能、微调。配置层面分别给出 Vite（含 react 与 react-swc 插件、optimizeDeps、server.hmr、watch、warmup 等）、Next.js（swcMinify、experimental.optimizePackageImports、webpack 自定义、typescript/eslint 开发期忽略、Turbopack 配置及 next dev --turbo）、webpack（swc-loader、ReactRefreshPlugin、ForkTsCheckerWebpackPlugin、HotModuleReplacementPlugin、devServer、cache、optimization）的示例。还涉及 React Fast Refresh 边界（ErrorBoundary、导出规范）、CSS HMR 优化（PostCSS、CSS Modules、Tailwind 内容与 corePlugins）、开发脚本（vite --host、vite --profile、vite --force、tsc --noEmit --watch 等）、性能监控（自定义 hmrTimingPlugin、import.meta.hot 事件）、Docker 开发（CHOKIDAR_USEPOLLING、WATCHPACK_POLLING）及最佳实践清单。
适用场景：本地或容器内的前端开发环境，需要加快热更新与重建速度时。
限制：具体兼容版本、依赖安装方式、实际提速幅度与收费信息暂未提供；示例代码中的路径、端口与域名需按项目调整。