Non-compliant Style Finder for Chrome DevTools
Non-compliant Style Finder is a Chrome extension developed by webia1.github, designed for architects and developers looking to maintain clean and scalable CSS naming conventions. By simply opening the Developer Console with the F12 key and clicking on the extension icon, this tool instantly identifies any non-compliant CSS classes and IDs, presenting them as a JavaScript array. Users can easily copy this array for further automation, like linting processes.
The extension encourages acceptable patterns such as lowercase with hyphens, double hyphens for variants, double underscores for sub-elements, and compound variants, while discouraging patterns like CamelCase, capital letters at the start, mixed separators, and repeated separators. This tool enhances workflow efficiency and ensures adherence to high coding standards.