Developer proposes new CSS methodology built on CSS Modules to rival BEM and Tailwind

A developer has introduced a new CSS methodology that builds on CSS Modules, aiming to address readability and maintainability issues they found with Tailwind's utility-class approach. The system combines atomic CSS concepts, cascade layers, design tokens, and compile-time type checking to create a structured workflow for component styling. Unlike older methodologies such as BEM and SMACSS, which relied on naming conventions to manage style scoping, this approach leverages CSS Modules' built-in mechanical scoping to focus on better architectural concerns. The methodology also supports AI-assisted development through installable skill packages that help agents set up and code within the system. The author acknowledges Tailwind still holds advantages in zero-setup prototyping and CSS output size, but argues the trade-offs are acceptable for projects prioritising long-term maintainability.