AI Agent Hub
Back to skills
Uni-app Vue Project Analyzer icon

Uni-app Vue Project Analyzer

Development Updated 2026.08.30

Paste the following prompt into your AI chat to install this skill:

Please install @user_1cf5565c/uniapp-analyzer into the current AI assistant by following https://skillhub.cn/install/skillhub.md.

About this skill

A static health check for uni-app and Vue projects

When taking over a uni-app or Vue repository, engineers often need to determine the project version, directory structure, page routes, dependencies, and overall code health. Reading only package.json or opening a few random files can miss platform-specific files such as manifest.json, pages.json, and uni.scss, and it is hard to turn Vue 2/3 migration issues, large files, low comments, and complex functions into actionable findings. This skill turns those concerns into a structured project report, useful before code review, refactoring, or legacy project onboarding.

From project identification to report output

It first identifies project type and root directory from marker files: uni-app projects look for manifest.json, pages.json, and uni.scss, while Vue projects inspect package.json, vue.config.js, vite.config.js, and related config. It then moves through configuration analysis, code quality assessment, and file statistics. Core capabilities include:

  • Technical debt scoring: quantifies code health from 0 to 100, deducting points for var, long functions, oversized files, hard-coded values, console.log, and TODO items.
  • Vue migration checks: flags Vue 2 patterns such as destroyed, Vue.use(), v-model, and /deep/, while avoiding false positives on uni-app lifecycles like onShow and onHide.
  • Architecture recognition: identifies common patterns such as singleton, factory, observer, module, strategy, and Mixin.
  • Statistics and reporting: counts .vue, .js, .ts, style, and config files, then generates a Markdown report; JSON, HTML, or bilingual output can be produced when requested.

Boundaries

It relies on existing repository configuration and source code, and it does not replace type checking, tests, or runtime validation. Files larger than 1 MB are usually reduced to basic statistics. The analysis excludes generated directories such as node_modules/, unpackage/, uni_modules/, and dist/, so it is best suited for project-level triage rather than fine-grained single-file defect analysis.

Use Cases

  • Taking over a legacy uni-app mini-program repo, inspect manifest.json, pages.json, and package.json to output a project structure report.
  • Preparing a Vue 2 to Vue 3 migration, scan old patterns such as destroyed, Vue.use(), and /deep/ to build a prioritized checklist.
  • Before code review, assess technical debt by counting long functions, oversized files, console.log calls, TODOs, and comment coverage.
  • Generate a shareable Markdown or JSON project report for refactoring planning or team review.

Best For

  • Frontend engineers taking over legacy uni-app mini-program projects who need to understand routes, platform config, and dependencies before changing code.
  • Tech leads managing Vue 2 to Vue 3 migrations who need to identify legacy lifecycle hooks and API patterns at scale.
  • Frontend engineers responsible for code quality review who need to quantify large files, low comments, and hard-coded values before review.
  • Engineering teams maintaining multi-platform projects who need quick reports on structure, design patterns, and file statistics.