·bem-structure
</>

bem-structure

Экспертное руководство по написанию, рефакторингу и структурированию CSS с использованием методологии BEM (модификатор блочного элемента). Обеспечивает правильные соглашения об именах классов CSS, структуру компонентов и интеграцию системы проектирования Optics для поддерживаемых и масштабируемых таблиц стилей.

15Установки·0Тренд·@rolemodel

Установка

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

Как установить bem-structure

Быстро установите AI-навык bem-structure в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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

Экспертное руководство по написанию, рефакторингу и структурированию CSS с использованием методологии BEM (модификатор блочного элемента). Обеспечивает правильные соглашения об именах классов CSS, структуру компонентов и интеграцию системы проектирования Optics для поддерживаемых и масштабируемых таблиц стилей. Источник: rolemodel/rolemodel-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-21
Обновлено
2026-03-10

Browse more skills from rolemodel/rolemodel-skills

Короткие ответы

Что такое bem-structure?

Экспертное руководство по написанию, рефакторингу и структурированию CSS с использованием методологии BEM (модификатор блочного элемента). Обеспечивает правильные соглашения об именах классов CSS, структуру компонентов и интеграцию системы проектирования Optics для поддерживаемых и масштабируемых таблиц стилей. Источник: rolemodel/rolemodel-skills.

Как установить bem-structure?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

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

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-21