·responsive-design
</>

responsive-design

Реализуйте современные адаптивные макеты, используя контейнерные запросы, гибкую типографику, CSS Grid и стратегии точек останова, ориентированные на мобильные устройства. Используйте при создании адаптивных интерфейсов, реализации гибких макетов или создании адаптивного поведения на уровне компонентов.

5.7KУстановки·53Тренд·@wshobson

Установка

$npx skills add https://github.com/wshobson/agents --skill responsive-design

Как установить responsive-design

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

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

Источник: wshobson/agents.

Master modern responsive design techniques to create interfaces that adapt seamlessly across all screen sizes and device contexts.

Реализуйте современные адаптивные макеты, используя контейнерные запросы, гибкую типографику, CSS Grid и стратегии точек останова, ориентированные на мобильные устройства. Используйте при создании адаптивных интерфейсов, реализации гибких макетов или создании адаптивного поведения на уровне компонентов. Источник: wshobson/agents.

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

Сертификация безопасности для надёжного и безопасного кода Установка в один клик с упрощённой настройкой Совместимо с Claude Code, Cursor, OpenClaw и другими

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

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

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

Browse more skills from wshobson/agents

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

Что такое responsive-design?

Реализуйте современные адаптивные макеты, используя контейнерные запросы, гибкую типографику, CSS Grid и стратегии точек останова, ориентированные на мобильные устройства. Используйте при создании адаптивных интерфейсов, реализации гибких макетов или создании адаптивного поведения на уровне компонентов. Источник: wshobson/agents.

Как установить responsive-design?

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

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

https://github.com/wshobson/agents