CSS Grid для каталогов и галерей

★ 6.6 · marketing

grid — это скилл для Claude Code, который помогает проектировать, оптимизировать и аудировать сеточные макеты для отображения контента с равной иерархией. Скилл охватывает CSS Grid с паттернами `repeat(auto-fill, minmax())` и `repeat(auto-fit, minmax())`, настройку отступов и соотношений сторон, адаптивные брейкпоинты (1 колонка на мобильных, 2–4 на десктопе) и предотвращение CLS за счёт резервирования пространства под изображения. Отдельно рассматривается SEO-проблема бесконечной прокрутки: для индексируемого контента скилл рекомендует постраничную навигацию. Подходит для каталогов товаров, галерей, страниц шаблонов, блог-индексов и фиче-секций — везде, где нужен многоколоночный grid-layout с визуально равнозначными элементами.