·tailwindcss-mobile-first
</>

tailwindcss-mobile-first

Комплексные шаблоны адаптивного дизайна, ориентированные на мобильные устройства, с лучшими практиками 2025/2026 года для Tailwind CSS v4.

763Установки·17Тренд·@josiahsiegel

Установка

$npx skills add https://github.com/josiahsiegel/claude-plugin-marketplace --skill tailwindcss-mobile-first

Как установить tailwindcss-mobile-first

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

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

Источник: josiahsiegel/claude-plugin-marketplace.

Mobile-first design is the industry standard for 2025/2026. With mobile traffic consistently exceeding 60% of global web traffic and Google's mobile-first indexing, starting with mobile ensures optimal user experience and SEO performance.

Key Principle: Unprefixed utilities apply to ALL screen sizes. Breakpoint prefixes apply at that size AND ABOVE.

| (none) | 0px | All mobile phones (base) | | sm: | 640px (40rem) | Large phones, small tablets | | md: | 768px (48rem) | Tablets (portrait) | | lg: | 1024px (64rem) | Tablets (landscape), laptops | | xl: | 1280px (80rem) | Desktops | | 2xl: | 1536px (96rem) | Large desktops |

Комплексные шаблоны адаптивного дизайна, ориентированные на мобильные устройства, с лучшими практиками 2025/2026 года для Tailwind CSS v4. Источник: josiahsiegel/claude-plugin-marketplace.

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

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

Команда установки
npx skills add https://github.com/josiahsiegel/claude-plugin-marketplace --skill tailwindcss-mobile-first
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-19
Обновлено
2026-03-10

Browse more skills from josiahsiegel/claude-plugin-marketplace

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

Что такое tailwindcss-mobile-first?

Комплексные шаблоны адаптивного дизайна, ориентированные на мобильные устройства, с лучшими практиками 2025/2026 года для Tailwind CSS v4. Источник: josiahsiegel/claude-plugin-marketplace.

Как установить tailwindcss-mobile-first?

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

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

https://github.com/josiahsiegel/claude-plugin-marketplace