Masonry-раскладка для галерей и витрин

★ 6.6 · marketing

masonry — это скилл для Claude Code, который помогает проектировать, оптимизировать и аудировать masonry-раскладки (в стиле Pinterest) для контента с переменными высотами элементов. Скилл разбирает три подхода к реализации: CSS columns без JavaScript, библиотеки вроде Masonry.js для истинной left-to-right-укладки и CSS Grid с `grid-auto-flow: dense` как компромисс. Отдельный акцент — SEO-риски: бесконечная прокрутка в паре с masonry делает контент недоступным для краулеров, поэтому скилл описывает постраничную навигацию, pushState и ссылки на рекомендации Google. Учитывается и порядок DOM для скринридеров. Подходит для галерей, портфолио, витрин с разнородным визуальным контентом и discovery-платформ.