Лучшие практики LESS
Less CSS best practices and coding guidelines for maintainable, modular stylesheets
AImindrally
official
Другое
Что делает навык
Навык предоставляет экспертные рекомендации по архитектуре Less CSS, включая модульную организацию файлов, использование переменных, миксинов и функций для создания поддерживаемых стилей. Он помогает структурировать проект, соблюдая принципы низкой специфичности и читаемости кода.
Когда применять
- Инициализация новой структуры проекта с разделением на абстракции, базовые стили, компоненты и страницы.
- Создание переиспользуемых миксинов для адаптивности, типографики и доступности (a11y).
- Генерация утилитарных классов через циклы для отступов, размеров колонок или цветовых палитр.
- Применение методологии BEM для именования блоков, элементов и модификаторов в Less.
Как работает
- Организовать файлы в директориях: abstracts, base, components, layout, pages, themes, vendors.
- Настроить main.less как манифест, последовательно импортируя модули в указанном порядке.
- Определить глобальные переменные в abstracts/variables.less для цветов, типографики, отступов и брейкпоинтов.
- Создать миксины в abstracts/mixins.less для общих паттернов (clearfix, flex, responsive, typography).
- Использовать вложенность BEM с ограничением глубины, применяя псевдоклассы и модификаторы на одном уровне.
- Применять встроенные функции Less для работы с цветами, математикой и строками, либо создавать кастомные функции через миксины.
Примеры запросов агенту
Как организовать структуру папок и main.less для проекта на Less?
Напиши миксин для создания адаптивных отступов с использованием переменных spacing.
Сгенерируй набор классов для колонок от 1 до 12 с помощью цикла в Less.
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «less-best-practices» из репозитория:
# https://github.com/mindrally/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r less-best-practices/ ~/.claude/skills/less-best-practices/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.