layout-grid
Определите адаптивную сетку — столбцы, отступы, поля и поведение на разных точках перелома. Используйте при создании структуры страницы. Для шкалы отступов внутри компонентов используйте `spacing-system`; для поведения на разных устройствах — `responsive-design`.
AIowl-listener
official
Дизайн
Что делает навык
Определите адаптивную сетку — столбцы, отступы, поля и поведение на разных точках перелома. Используйте при создании структуры страницы. Для шкалы отступов внутри компонентов используйте `spacing-system`; для поведения на разных устройствах — `responsive-design`.
Как подключить
1Скачать навык
# возьмите папку навыка «layout-grid» из репозитория:
# https://github.com/owl-listener/designer-skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r layout-grid/ ~/.claude/skills/layout-grid/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.