Can it help with React performance issues?

Yes, it specifically scans for common React bottlenecks like inline functions in JSX, missing dependency arrays in hooks, and components missing memoization.

How does it find duplicate code?

It utilizes structural analysis and detectors like jscpd to identify both exact and similar code blocks (clones) that violate DRY principles.

What languages does the Codebase Analyzer support?

While it includes specialized scripts for TypeScript, JavaScript, and React, its general analysis tools and bash-based capabilities can be adapted for most modern web development stacks.

Does it provide automated fixes for the issues found?

It provides detailed recommendations and prioritized action plans. While it suggests fixes, the developer can then use Claude's editing capabilities to apply them safely.

Can it detect security vulnerabilities?

Yes, it integrates with tools like npm audit and Snyk to identify known vulnerabilities in your project's dependencies and provides reports for remediation.

Codebase Quality Analyzer

Name: Codebase Quality Analyzer
Author: deve1993

bydeve1993

•

分析と監視

Audits and optimizes codebases by detecting patterns, anti-patterns, duplication, and performance bottlenecks.

概要

The Codebase Analyzer is a specialized skill designed to perform deep-dive assessments of software projects. It automates the detection of architectural patterns, identifies code duplication (DRY violations), and audits dependencies for security and bloat. By leveraging static analysis and custom scripts, it provides actionable insights into cyclomatic complexity, React performance issues, and technical debt, helping development teams maintain high-quality, performant, and maintainable codebases through automated reporting and prioritized action plans.

主な機能

Comprehensive dependency auditing for security, unused packages, and bundle size
Automated code duplication and clone detection with refactoring suggestions
React-specific performance optimization for re-renders and hook usage
1 GitHub stars
Detailed code quality metrics including cyclomatic complexity and maintainability index
Deep pattern and anti-pattern detection for React and general architecture

ユースケース

Optimizing frontend bundle sizes and identifying inefficient third-party dependencies
Performing an initial health check on a legacy codebase before a major refactor
Automating code reviews to catch style inconsistencies and performance leaks

概要

主な機能

Comprehensive dependency auditing for security, unused packages, and bundle size
Automated code duplication and clone detection with refactoring suggestions
React-specific performance optimization for re-renders and hook usage
1 GitHub stars
Detailed code quality metrics including cyclomatic complexity and maintainability index
Deep pattern and anti-pattern detection for React and general architecture

ユースケース

Optimizing frontend bundle sizes and identifying inefficient third-party dependencies
Performing an initial health check on a legacy codebase before a major refactor
Automating code reviews to catch style inconsistencies and performance leaks