Can I use this for monorepo projects?

Yes, the skill includes specialized pattern recognition for monorepo workspace configurations, service-based architectures, and modular designs.

What frameworks does this skill support?

It supports all major frontend frameworks including React, Vue, Angular, Svelte, and Solid.js, as well as meta-frameworks like Next.js, Nuxt, and Remix.

What output formats are available for the reports?

You can generate analysis results in several formats: JSON for technical integration, Markdown for GitHub documentation, Executive Summaries for non-technical stakeholders, and Scorecards for quantitative tracking.

Does it evaluate code quality and maintenance debt?

Yes, it assesses TypeScript adoption, detects the presence of code quality tools (ESLint, Prettier), and evaluates architectural complexity to provide maintainability scores.

Frontend Architecture Analyzer

Name: Frontend Architecture Analyzer
Author: hubvue

byhubvue

•

Analytics & Monitoring

Analyzes frontend project structures to identify technology stacks, architectural patterns, and code quality metrics.

Frontend Architecture Analyzer is a comprehensive diagnostic tool designed to help developers and stakeholders quickly understand the technical landscape of any frontend codebase. By scanning dependencies and project configurations, it automatically detects frameworks like React or Vue, build tools like Vite or Webpack, and evaluates architectural patterns such as monorepos or modular designs. It provides actionable insights and quality scores, making it an essential tool for project onboarding, technical audits, and maintaining best practices in modern web development.

Key Features

011 GitHub stars

02Identification of build tools, bundlers, and package managers

03Automatic detection of frameworks and meta-frameworks like React, Vue, and Next.js

04Pattern recognition for monorepos, microservices, and layered architectures

05Comprehensive quality assessment including TypeScript coverage and linting tools

06Multiple output formats including Markdown reports, JSON, and executive summaries

Use Cases

01Rapidly onboarding developers to complex, unfamiliar frontend projects

02Automating project documentation and architectural health scorecards

03Conducting technical audits and assessing technical debt for stakeholders

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hubvue/fe-analysis-skills architecture-analysis

For use in Claude.ai and ChatGPT

Download Skill