·bem-structure
</>

bem-structure

Guida esperta per scrivere, refactoring e strutturare CSS utilizzando la metodologia BEM (Block Element Modifier). Fornisce convenzioni di denominazione delle classi CSS adeguate, struttura dei componenti e integrazione del sistema di progettazione ottica per fogli di stile gestibili e scalabili.

15Installazioni·0Tendenza·@rolemodel

Installazione

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

Come installare bem-structure

Installa rapidamente la skill AI bem-structure nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

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

Guida esperta per scrivere, refactoring e strutturare CSS utilizzando la metodologia BEM (Block Element Modifier). Fornisce convenzioni di denominazione delle classi CSS adeguate, struttura dei componenti e integrazione del sistema di progettazione ottica per fogli di stile gestibili e scalabili. Fonte: rolemodel/rolemodel-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-21
Aggiornato
2026-03-10

Browse more skills from rolemodel/rolemodel-skills

Risposte rapide

Che cos'è bem-structure?

Guida esperta per scrivere, refactoring e strutturare CSS utilizzando la metodologia BEM (Block Element Modifier). Fornisce convenzioni di denominazione delle classi CSS adeguate, struttura dei componenti e integrazione del sistema di progettazione ottica per fogli di stile gestibili e scalabili. Fonte: rolemodel/rolemodel-skills.

Come installo bem-structure?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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