angular-css-bem-best-practices
✓Guía de metodología Angular + BEM CSS para crear componentes reutilizables y código front-end compartible. Aplica bloques BEM con alcance de componente, anidamiento máximo de 2 niveles, descomposición adecuada de componentes, denominación de elementos semánticos, patrones modificadores correctos y selectores planos. Úselo al escribir, revisar o refactorizar estilos de componentes angulares. Activadores de tareas que involucran CSS, SCSS, SASS, estilo de componentes, denominación BEM o arquitectura CSS.
Instalación
SKILL.md
A methodology guide for combining Angular's component architecture with BEM (Block Element Modifier) CSS naming convention to create reusable components and enable code sharing in front-end development. Contains 6 rules with bad/good examples in CSS, SCSS, and SASS.
| 1 | Block = Component Selector | CRITICAL | bem-block-selector | | 2 | Max 2 Levels of Nesting | CRITICAL | bem-max-nesting | | 3 | Split Child Components | CRITICAL | bem-split-components | | 4 | Element Naming Conventions | HIGH | bem-element-naming | | 5 | Modifier Patterns | HIGH | bem-modifier-patterns |
| 6 | No Cascading Selectors | HIGH | bem-no-cascading |
Guía de metodología Angular + BEM CSS para crear componentes reutilizables y código front-end compartible. Aplica bloques BEM con alcance de componente, anidamiento máximo de 2 niveles, descomposición adecuada de componentes, denominación de elementos semánticos, patrones modificadores correctos y selectores planos. Úselo al escribir, revisar o refactorizar estilos de componentes angulares. Activadores de tareas que involucran CSS, SCSS, SASS, estilo de componentes, denominación BEM o arquitectura CSS. Fuente: develite98/angular-best-practices.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/develite98/angular-best-practices --skill angular-css-bem-best-practices- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-02
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es angular-css-bem-best-practices?
Guía de metodología Angular + BEM CSS para crear componentes reutilizables y código front-end compartible. Aplica bloques BEM con alcance de componente, anidamiento máximo de 2 niveles, descomposición adecuada de componentes, denominación de elementos semánticos, patrones modificadores correctos y selectores planos. Úselo al escribir, revisar o refactorizar estilos de componentes angulares. Activadores de tareas que involucran CSS, SCSS, SASS, estilo de componentes, denominación BEM o arquitectura CSS. Fuente: develite98/angular-best-practices.
¿Cómo instalo angular-css-bem-best-practices?
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/develite98/angular-best-practices --skill angular-css-bem-best-practices 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 o Cursor
¿Dónde está el repositorio de origen?
https://github.com/develite98/angular-best-practices
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-02