Проектирование карточных макетов для контента

★ 6.6 · marketing

card is a Claude Code skill that guides the design, optimization, and audit of card layouts for content display across any page type. It covers the full card anatomy — container, image/thumbnail, title, description with metadata, and CTA — anchored by the principle that one card should represent one topic for maximum scannability. Eight card types are addressed: product, template, tool, feature, gallery/showcase, integration, blog/article, and resource cards, each mapped to its own page-generator skill. The skill provides responsive layout guidance using CSS Grid `repeat(auto-fill, minmax())` or Flexbox, consistent padding and aspect ratios (1:1, 4:3), and hover effects that avoid cumulative layout shift. Useful for frontend developers and designers building catalogs, grids, or landing pages with repeating card components.