·bem-structure
</>

bem-structure

Orientación experta para escribir, refactorizar y estructurar CSS utilizando la metodología BEM (Block Element Modifier). Proporciona convenciones de nomenclatura de clases CSS adecuadas, estructura de componentes e integración del sistema de diseño óptico para hojas de estilo escalables y mantenibles.

15Instalaciones·0Tendencia·@rolemodel

Instalación

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

Cómo instalar bem-structure

Instala rápidamente el skill de IA bem-structure en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: rolemodel/rolemodel-skills.

SKILL.md

Ver original

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

Orientación experta para escribir, refactorizar y estructurar CSS utilizando la metodología BEM (Block Element Modifier). Proporciona convenciones de nomenclatura de clases CSS adecuadas, estructura de componentes e integración del sistema de diseño óptico para hojas de estilo escalables y mantenibles. Fuente: rolemodel/rolemodel-skills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-21
Actualizado
2026-03-10

Browse more skills from rolemodel/rolemodel-skills

Respuestas rápidas

¿Qué es bem-structure?

Orientación experta para escribir, refactorizar y estructurar CSS utilizando la metodología BEM (Block Element Modifier). Proporciona convenciones de nomenclatura de clases CSS adecuadas, estructura de componentes e integración del sistema de diseño óptico para hojas de estilo escalables y mantenibles. Fuente: rolemodel/rolemodel-skills.

¿Cómo instalo bem-structure?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

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