bulletproof-react-auditor

React architectural audits identify anti-patterns and compliance gaps across project structure, components, state management, API layers, testing, styling, error handling, performance, and security. This Skill analyzes your codebase systematically and produces prioritized migration plans with severity ratings and effort estimates to guide refactoring.

Bulletproof React is an architectural standard for scalable, maintainable React/TypeScript projects. Following its patterns ensures consistent structure, proper separation of concerns, robust error handling, and testability. This Skill identifies where your codebase deviates and provides concrete guidance to align with these best practices.

Yes. This Skill generates three-phase migration roadmaps—Discovery, Deep Analysis, and Migration Plan—with prioritized recommendations, ADRs (Architecture Decision Records), and effort estimates. Output formats include Markdown, JSON, and ASCII diagrams for easy integration into your development workflow.

The Skill rates findings from P0 (critical) to P3 (low-priority) and estimates effort for each recommendation. This severity-and-effort framework lets you tackle the highest-impact architectural problems first, reducing risk and technical debt systematically across components, state, APIs, and testing.

The audit spans ten dimensions: project structure, component architecture, state management patterns, API layer design, test coverage and strategy, styling approach, error handling, performance optimization, security practices, and adherence to coding standards.

Yes. This is an analysis-only Skill that scans your React/TypeScript project and produces audit reports, migration plans, and recommendations without altering source code. You control which suggestions to implement and in what order.