fe-analysis-skills
前端工程师的代码质量与性能分析助手
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：fe-analysis-skills。 它的用途是：前端工程师的代码质量与性能分析助手 详细介绍见：https://321skill.com/skills/fe-analysis-skills/ 请根据该页面的说明完成安装。
使用示例
‘请使用 fe-analysis-skills 分析当前项目的 src/components 目录，找出可能影响首屏加载的大型依赖。’，它会运行分析脚本，扫描指定目录的导入关系，计算各模块的体积，并生成一份报告，指出哪些第三方库体积过大、是否可以被拆分或替换。
介绍
fe-analysis-skills 是一个专为前端开发场景设计的分析工具集，旨在解决代码质量评估、性能瓶颈定位和开发效率提升等问题。它通过集成静态代码分析、依赖检查、性能指标计算等功能，帮助开发者快速识别代码中的潜在缺陷和优化点。
使用方式非常灵活，开发者可以在本地开发环境中通过命令行调用，或在 CI/CD 流水线中集成，对项目代码进行自动化扫描和分析，并生成结构化的报告。它支持与主流前端框架和构建工具无缝集成。
该工具非常适合前端开发、全栈开发以及关注代码质量的测试工程师使用。无论是日常开发中的代码审查，还是版本发布前的质量把关，它都能提供有力支持。
建议在项目初期就引入该工具，并作为代码提交前的检查环节。注意，其分析深度可能受限于项目结构和配置，对于高度定制化或非标准的构建流程，可能需要额外的适配工作。
核心特点
与通用的代码检查工具（如 ESLint）相比，它更专注于前端领域的特定分析，例如 Bundle 大小分析、第三方依赖对性能的影响评估，并能结合真实的业务代码结构给出更具针对性的优化建议。
注意事项
不适合用于分析非前端项目（如纯后端服务）或对编译后产物的运行时行为进行深度调试。
常见问题
这个工具能替代 ESLint 吗？
不能，它是 ESLint 的补充，专注于性能、依赖等更高维度的分析，而非代码风格和语法错误。
支持分析 Vue 项目吗？
支持，它能够分析主流前端框架（React, Vue, Angular）项目的代码结构和依赖。