Uni-app Vue Project Analyzer
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, andTODOitems. - Vue migration checks: flags Vue 2 patterns such as
destroyed,Vue.use(),v-model, and/deep/, while avoiding false positives onuni-applifecycles likeonShowandonHide. - 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.
Related Skills
A systematic code error fixing skill that follows a five-step workflow: Reproduce, Isolate, Understand, Fix, Verify, to help developers resolve code errors.
Supports inline SVG/HTML rendering and Mermaid code output, covering common technical diagram creation like architecture and flow diagrams.
Publish HTML, static assets, or build output as a public link, with account management, update, deletion, and AI safety review.
A comprehensive browser automation guide covering navigation, interaction, multi-tab management, and data collection, tailored for domestic web ecosystems and tools like Playwright/Selenium.