Ask HN: Is there a tool for React that finds commonly used HTML/CSS patterns?

I've tried searching for this but the confluence of search terms required results in a lot of off-topic results.

Basically let's say I'm using Tailwind with React, and I frequently use the pattern:

<div className="flex flex-row justify-center w-full"> ... </div>

Is there any tool out there that will analyze a project's source and look for these patterns, and suggestions for creation of components out of them? I could have sworn I saw this as a VSCode Extension or something at one point.