Шаблоны адаптивного веб-дизайна для разработки, ориентированной на мобильные устройства. Используйте для создания гибких макетов, систем точек останова, адаптивной типографики, гибких сеток и адаптивных компонентов. Запускается по запросам на адаптивные макеты, CSS, ориентированный на мобильные устройства, точки останова, медиа-запросы, гибкий дизайн или поддержку нескольких устройств.
Быстро установите AI-навык responsive-design в вашу среду разработки через командную строку
Источник: ibutters/claudecodeplugins.
| Mobile-first | Base styles = mobile, enhance with min-width | | Fluid over fixed | Use clamp(), %, vw instead of fixed px | | Content breakpoints | Break when content breaks, not at devices | | Touch targets | Minimum 44×44px on mobile | | Readable line length | Max 65-75 characters |
❌ Fixed pixel values everywhere ✅ Fluid units (rem, %, vw, clamp)
❌ Hiding content on mobile ✅ Prioritizing and reorganizing content
Шаблоны адаптивного веб-дизайна для разработки, ориентированной на мобильные устройства. Используйте для создания гибких макетов, систем точек останова, адаптивной типографики, гибких сеток и адаптивных компонентов. Запускается по запросам на адаптивные макеты, CSS, ориентированный на мобильные устройства, точки останова, медиа-запросы, гибкий дизайн или поддержку нескольких устройств. Источник: ibutters/claudecodeplugins.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/ibutters/claudecodeplugins --skill responsive-designШаблоны адаптивного веб-дизайна для разработки, ориентированной на мобильные устройства. Используйте для создания гибких макетов, систем точек останова, адаптивной типографики, гибких сеток и адаптивных компонентов. Запускается по запросам на адаптивные макеты, CSS, ориентированный на мобильные устройства, точки останова, медиа-запросы, гибкий дизайн или поддержку нескольких устройств. Источник: ibutters/claudecodeplugins.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ibutters/claudecodeplugins --skill responsive-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/ibutters/claudecodeplugins