·bem-structure
</>

bem-structure

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.

15Installationen·0Trend·@rolemodel

Installation

$npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure

So installieren Sie bem-structure

Installieren Sie den KI-Skill bem-structure schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: rolemodel/rolemodel-skills.

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.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-21
Aktualisiert
2026-03-10

Browse more skills from rolemodel/rolemodel-skills

Schnelle Antworten

Was ist bem-structure?

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.

Wie installiere ich bem-structure?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/rolemodel/rolemodel-skills