react-doctor
Your agent writes bad React. This catches it.

Your agent writes bad React. This catches it.
Expect tests your agent's code in a real browser.
Builds React and Next.js UI from design specs with Tailwind tokens, flex layout, and interactive hit areas. Fires on design-to-code syncs, paper-to-code conversion, and Tailwind token consolidation.
Use when making single-property CSS or Tailwind visual changes in Next.js App Router projects. Presents a floating control widget…
Survey a whole React codebase as a senior React engineer, using React Doctor's scan as evidence, then produce a prioritized audit…
Audit and fix Three.js and React Three Fiber apps for frame-loop performance, GPU memory leaks, scene-graph correctness, and…
Use when interactive elements that have visual spacing between them (chart bars/columns, list rows, nav items, segmented…
Use when converting Paper canvas or design nodes from absolute positioning to flex or auto-layout. Covers Paper MCP…
Use when implementing Paper MCP, Paper-to-code, design-to-code, Viewfinder, or Paper-exported JSX in React/Next.js apps. Covers…
Diagnose React runtime performance with React Doctor traces, live render outlines, Long Animation Frames, interaction timing, and…
Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage,…
Use when a built app that was derived from a Paper design looks "slightly off" versus the design, or to verify a Paper-to-code…
Use when consolidating, deduping, or reducing the number of CSS custom properties / Tailwind v4 design tokens in a globals.css…
Is this you? Claim your profilePut a plugin at the top of Plugins, from $9