bulletproof-react-auditor

Audit React and TypeScript codebases against Bulletproof React principles.

Updated May 20, 2026
One-click install
npx skills add https://github.com/Hollowvyn/cognipace-v2 --skill bulletproof-react-auditor-hollowvyn
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bulletproof-react-auditor
Source: https://github.com/Hollowvyn/cognipace-v2/tree/main/.agents/skills/bulletproof-react-auditor
Command: npx skills add https://github.com/Hollowvyn/cognipace-v2 --skill bulletproof-react-auditor-hollowvyn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps teams quickly assess whether a React/TypeScript codebase follows Bulletproof React principles, then translates gaps into an actionable migration plan.

Core Features & Use Cases

  • Architecture audits with prioritized findings: Reviews structure, feature boundaries, component sizing/props, state patterns, API organization, testing strategy, styling consistency, errors, performance, security, and standards compliance.
  • Migration planning for refactors: Produces roadmap-style recommendations with severity and effort so teams can plan incremental changes instead of big-bang rewrites.
  • Machine-readable reporting support: Supports generating findings in multiple formats (e.g., JSON/markdown) suitable for CI/CD workflows.

Quick Start

Use the bulletproof-react-auditor Skill to audit a React/TypeScript project and generate a prioritized Bulletproof React compliance report.

Frequently Asked Questions about bulletproof-react-auditor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is a React architecture audit and how does it help fix codebase structure?

A React architecture audit scans your TypeScript source tree against Bulletproof React principles to detect anti-patterns and structural violations. It produces prioritized findings with severity levels, target states, and actionable migration steps for incremental refactoring.

How do I plan a migration to feature-based organization in a React TypeScript project?

Use a Bulletproof React compliance audit to generate a phased migration plan. The audit evaluates current structure, component sizing, and state patterns, then outputs roadmap-style recommendations with severity and effort estimates to guide incremental feature-based reorganization.

Does this React audit tool check for testing strategy and configured tool presence like React Query?

Yes, the audit scans for configured tool presence including React Query and Testing Library. It evaluates your testing strategy alongside components, state, API organization, errors, performance, security, and standards compliance as distinct audit categories.

Can I generate JSON or markdown audit reports for CI/CD workflows from a React codebase scan?

Yes, the audit supports generating findings in machine-readable formats including JSON and markdown suitable for CI/CD workflows. It performs deterministic static analysis of your React and TypeScript source tree to produce structured compliance reports.

What's the best way to detect anti-patterns in a React TypeScript codebase without a full rewrite?

Run a Bulletproof React architecture audit to detect anti-patterns across components, state, and API layers. It produces prioritized findings with severity and effort levels, enabling incremental refactoring through phased migration steps rather than a big-bang rewrite.