用途：该技能用于解决前端项目中因使用 barrel 文件（大量重导出的入口文件）而产生的导入与打包性能问题。它建议直接从源文件导入，以避免加载成千上万个未使用的模块。
主要能力：识别并改进 barrel 文件导入方式，适用于 lucide-react、@mui/material、@mui/icons-material、@tabler/icons-react、react-icons、@headlessui/react、@radix-ui/react-*、lodash、ramda、date-fns、rxjs、react-use 等常见库。资料说明，热门图标与组件库入口文件可能有上万个重导出；许多 React 包导入本身就需 200-800ms，影响开发速度和生产冷启动。
为什么 tree-shaking 不帮忙：当库被标记为 external（未打包）时，打包器无法优化它；若为了启用 tree-shaking 而打包，构建会因分析整个模块图而明显变慢。
使用方式：
- 错误示例（导入整个库）： import { Check, X, Menu } from 'lucide-react'（资料称加载 1583 个模块，开发环境额外约 2.8 秒；运行时每次冷启动 200-800ms）； import { Button, TextField } from '@mui/material'（资料称加载 2225 个模块，开发环境额外约 4.2 秒）。
- 正确示例（只导入所需）： import Check from 'lucide-react/dist/esm/icons/check' import X from 'lucide-react/dist/esm/icons/x' import Menu from 'lucide-react/dist/esm/icons/menu'（资料称仅加载 3 个模块，约 2KB 对比约 1MB）； import Button from '@mui/material/Button' import TextField from '@mui/material/TextField'。
- 替代方案（Next.js 13.5+）：在 next.config.js 中使用 experimental.optimizePackageImports: ['lucide-react', '@mui/material']，之后可继续保留 barrel 导入写法，构建时会自动转换为直接导入。
适用场景：使用上述大型图标或组件库的 React/Next.js 等前端项目，尤其是对开发启动速度、构建速度、冷启动和 HMR 有要求的场景。
限制与缺失：资料未提供该技能的具体安装命令、官方包信息、收费或价格、平台支持范围，也未给出除示例库之外的其他库支持细节；实际效果数据均来自资料原文的描述。参考链接指向 Next.js 包导入优化相关文章，但官方文本暂未提供。