This should give us an idea on where to start. We'd need to have the DOM rendered to grab a list of al used classes, then hopefully remove the ones we don't want users to use(.columnWrapper, .blank...) and provide those as suggestions when writing a dot, or any selector.
Your idea:
Other editors have an automatic suggestion box with the most used selectors, and it would be a great addition to our tool.
I got the idea from the MagicCSS extension:
And asked in their github for how they come up with this list:
https://github.com/webextensions/live-css-editor/discussions/141
This should give us an idea on where to start. We'd need to have the DOM rendered to grab a list of al used classes, then hopefully remove the ones we don't want users to use(.columnWrapper, .blank...) and provide those as suggestions when writing a dot, or any selector.