·responsive-design
</>

responsive-design

Создавайте адаптивные веб-дизайны, которые будут работать на всех устройствах и размерах экрана. Используйте при создании макетов, ориентированных на мобильные устройства, реализации точек останова или оптимизации для различных областей просмотра. Обрабатывает CSS Grid, Flexbox, медиа-запросы, единицы просмотра и адаптивные изображения.

10.2KУстановки·49Тренд·@supercent-io

Установка

$npx skills add https://github.com/supercent-io/skills-template --skill responsive-design

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

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

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

Источник: supercent-io/skills-template.

태그 #responsive #mobile-first #CSS #Flexbox #Grid #media-query #frontend

Создавайте адаптивные веб-дизайны, которые будут работать на всех устройствах и размерах экрана. Используйте при создании макетов, ориентированных на мобильные устройства, реализации точек останова или оптимизации для различных областей просмотра. Обрабатывает CSS Grid, Flexbox, медиа-запросы, единицы просмотра и адаптивные изображения. Источник: supercent-io/skills-template.

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

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

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

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

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

Browse more skills from supercent-io/skills-template

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

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

Создавайте адаптивные веб-дизайны, которые будут работать на всех устройствах и размерах экрана. Используйте при создании макетов, ориентированных на мобильные устройства, реализации точек останова или оптимизации для различных областей просмотра. Обрабатывает CSS Grid, Flexbox, медиа-запросы, единицы просмотра и адаптивные изображения. Источник: supercent-io/skills-template.

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

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

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

https://github.com/supercent-io/skills-template