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