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

★ 6.6 · marketing

masonry is a Claude Code skill that guides the design, optimization, and auditing of masonry (Pinterest-style) layouts for content with varying item heights. It covers three implementation approaches: CSS columns with no JavaScript, libraries like Masonry.js for true left-to-right filling, and CSS Grid with `grid-auto-flow: dense` as a no-JS approximation. A dedicated section addresses SEO: infinite scroll combined with masonry makes content unreachable by crawlers, so the skill covers paginated component pages, pushState, and references Google's search-friendly infinite scroll recommendations. DOM order for screen readers is also flagged. Best suited for image galleries, portfolios, and discovery-focused platforms with mixed aspect ratios.