🎯

angular-css-bem-best-practices

🎯Skill

from develite98/angular-best-practices

What it does

Angular + BEM CSS methodology guide for creating reusable components with component-scoped BEM blocks, max 2-level nesting, proper component decomposition, semantic element naming, and flat selectors.

📦

Same repository

develite98/angular-best-practices(4 items)

angular-css-bem-best-practices

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add develite98/angular-best-practices --skill angular-css-bem-best-practices

skills.sh Install⚠ Installs to .agents/skills/

npx skills add develite98/angular-best-practices --skill angular-css-bem-best-practices

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/angular-css-bem-best-practices/SKILL.md

SKILL.md

55Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository3

🎯

angular-best-practices-v20🎯Skill

Performance optimization guidelines for Angular 20+ applications covering Signals, httpResource, @defer, @for/@if directives, BEM CSS methodology, and naming conventions, with 35+ rules across 8 categories.

🎯

angular-best-practices-legacy🎯Skill

Performance optimization guidelines and coding standards for Angular applications designed for AI agents, covering both modern Angular 20+ with Signals and legacy Angular 12-16 with NgModules patterns.

🎯

the-art-of-naming🎯Skill

A comprehensive naming convention guide for TypeScript and Angular applications, covering casing rules, prefix conventions, the S-I-D principle (Short, Intuitive, Descriptive), and structured naming patterns for variables and functions.