·bem-structure
</>

bem-structure

Conseils d'experts pour l'écriture, la refactorisation et la structuration de CSS à l'aide de la méthodologie BEM (Block Element Modifier). Fournit des conventions de dénomination de classe CSS appropriées, une structure de composants et une intégration du système de conception optique pour des feuilles de style maintenables et évolutives.

15Installations·0Tendance·@rolemodel

Installation

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

Comment installer bem-structure

Installez rapidement le skill IA bem-structure dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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

Conseils d'experts pour l'écriture, la refactorisation et la structuration de CSS à l'aide de la méthodologie BEM (Block Element Modifier). Fournit des conventions de dénomination de classe CSS appropriées, une structure de composants et une intégration du système de conception optique pour des feuilles de style maintenables et évolutives. Source : rolemodel/rolemodel-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-21
Mis à jour
2026-03-10

Browse more skills from rolemodel/rolemodel-skills

Réponses rapides

Qu'est-ce que bem-structure ?

Conseils d'experts pour l'écriture, la refactorisation et la structuration de CSS à l'aide de la méthodologie BEM (Block Element Modifier). Fournit des conventions de dénomination de classe CSS appropriées, une structure de composants et une intégration du système de conception optique pour des feuilles de style maintenables et évolutives. Source : rolemodel/rolemodel-skills.

Comment installer bem-structure ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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