From hubvue-fe-analysis-skills
Enhanced dependency analyzer with comprehensive markdown reporting and actionable recommendations. Use when you need to optimize frontend project dependencies, detect security vulnerabilities, identify unused packages, find duplicate functionality, analyze dependency impact, generate cleanup scripts, or produce detailed Markdown reports. Supports JavaScript, TypeScript, Vue, React, Angular, and modern build tools with parallel processing and incremental analysis capabilities.
How this skill is triggered — by the user, by Claude, or both
Slash command
/hubvue-fe-analysis-skills:dependency-analysisThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Comprehensive dependency analysis tool with visual reports, categorization, and actionable recommendations for optimizing frontend project dependencies.
README.mddependency-analysis-report.mdpackage.jsonreferences/deep-dependency-patterns.mdreferences/import-patterns.mdreferences/output-formats.mdreferences/peer-dependency-analysis.mdscripts/analyze-dependencies-v2.jsscripts/analyze-dependencies.jsscripts/analyzers/import-analyzer.jsscripts/analyzers/peer-dependency-analyzer.jsscripts/enhanced-analyzer.jsscripts/generate-report.jsscripts/utils/package-utils.jsComprehensive dependency analysis tool with visual reports, categorization, and actionable recommendations for optimizing frontend project dependencies.
npm install
# Run enhanced analyzer with markdown report
node scripts/enhanced-analyzer.js /path/to/project
# Full analysis with all features
node scripts/enhanced-analyzer.js /path/to/project \
--generateFixScript \
--generateGraph \
--checkPeerDependencies \
--checkOutdated \
--checkSecurity
# Parallel processing for large projects
node scripts/enhanced-analyzer.js /path/to/project --parallel
# Incremental analysis with cache
node scripts/enhanced-analyzer.js /path/to/project --incremental
# Analyze specific dependency scopes
node scripts/enhanced-analyzer.js /path/to/project --scope=dependencies
# Production-only analysis
node scripts/enhanced-analyzer.js /path/to/project --scope=dependencies --includeDev=false
{
"success": true,
"timestamp": "2024-01-15T10:30:00Z",
"project": {
"name": "my-project",
"version": "1.0.0",
"path": "/path/to/project"
},
"summary": {
"total": 150,
"unused": 5,
"missing": 2,
"phantom": 3,
"outdated": 10,
"vulnerable": 1,
"peerConflicts": 2,
"circular": 1,
"duplicate": 3,
"versionConflicts": 2
},
"categories": {
"frontend": { "count": 45, "size": "2.3MB", "packages": [] },
"backend": { "count": 12, "size": "1.1MB", "packages": [] },
"devtools": { "count": 28, "size": "890KB", "packages": [] },
"testing": { "count": 15, "size": "450KB", "packages": [] },
"build": { "count": 20, "size": "670KB", "packages": [] },
"other": { "count": 30, "size": "1.2MB", "packages": [] }
},
"recommendations": {
"high": [],
"medium": [],
"low": []
},
"healthScore": 78,
"markdownReport": "/path/to/DEPENDENCY_ANALYSIS_REPORT.md",
"fixScript": "/path/to/FIX_DEPENDENCIES.sh"
}
# Enhanced analyzer options
node scripts/enhanced-analyzer.js <project-path> [options]
Options:
--generateFixScript Generate auto-fix shell script
--generateGraph Generate dependency graph data
--parallel Use parallel processing for speed
--incremental Use cache for faster repeat analysis
--checkPeerDependencies Analyze peer dependency conflicts
--checkOutdated Check for outdated packages
--checkSecurity Scan for security vulnerabilities
--scope=<type> Dependency scope: all|dependencies|devDependencies|peerDependencies
--includeDev Include devDependencies in analysis
--cacheDir=<path> Cache directory for incremental analysis
--pretty Pretty-print JSON output
# Generate all report formats from analysis results
node scripts/generate-report.js analysis-result.json ./reports
# Available formats:
# - Markdown report (DEPENDENCY_ANALYSIS_REPORT.md)
# - JSON summary (DEPENDENCY_ANALYSIS_SUMMARY.json)
# - CSV issues (DEPENDENCY_ANALYSIS_ISSUES.csv)
# - TeamCity report (TEAMCITY_REPORT.txt)
# - GitHub Actions report (GITHUB_ACTIONS_REPORT.json)
- name: Analyze Dependencies
run: |
node scripts/enhanced-analyzer.js . \
--generateFixScript \
--checkSecurity \
--checkOutdated
- name: Upload Analysis Report
uses: actions/upload-artifact@v3
with:
name: dependency-analysis
path: DEPENDENCY_ANALYSIS_REPORT.md
# Generate TeamCity-compatible report
node scripts/enhanced-analyzer.js . --checkSecurity
# TeamCity report automatically includes build statistics and problems
const analyzer = new EnhancedDependencyAnalyzer('/path/to/project', {
parallel: true,
incremental: true,
generateFixScript: true,
checkSecurity: true,
maxDepth: 10,
cacheDir: '.dependency-cache',
excludePatterns: ['docs/**', 'examples/**']
});
const result = await analyzer.analyze();
# Analyze multiple projects
for project in project1 project2 project3; do
node scripts/enhanced-analyzer.js $project \
--generateFixScript
done
The enhanced analyzer provides deep support for:
npx claudepluginhub joshuarweaver/cascade-code-general-misc-3 --plugin hubvue-fe-analysis-skillsGuides completion of development work by verifying tests, detecting environment, and presenting structured options for merge, PR, or cleanup.
Enforces test-driven development: write failing test first, then minimal code to pass. Use when implementing features or bugfixes.
Guides creation and editing of skills using test-driven development with pressure scenarios and subagents to verify agent compliance.