This skill guides AI in writing CSS using the BEM (Block Element Modifier) methodology for creating maintainable, scalable, and reusable stylesheets with clear naming conventions and component structure, while exercising judgment about scope, risk, and architectural impact. It also should use BEM in conjunction with Optics, our RoleModel design system, so that it's not recreating things that already exist. If ther...
The agent should prioritize clarity, predictability, and minimal unintended side effects.
Keywords: CSS review, BEM structure, BEM methodology, CSS best practices, Refactor CSS, Review CSS, Fix my CSS, Fix my BEM, BEM-ify my CSS
Fachkundige Anleitung zum Schreiben, Refactoring und Strukturieren von CSS mithilfe der BEM-Methodik (Block Element Modifier). Bietet korrekte Benennungskonventionen für CSS-Klassen, Komponentenstruktur und Integration des Optics-Designsystems für wartbare, skalierbare Stylesheets. Quelle: rolemodel/rolemodel-skills.