Card

This is your guide when you're building card-based layouts for products, templates, tools, features, or any repeating content blocks. It walks through card anatomy (container, image, title, description, CTA), responsive grid patterns, and which card type fits which use case. The skill ties directly into page generators for products, templates, integrations, and more, so you get consistent structure whether you're doing a product catalog or a blog index. It also covers when to use grid versus list versus masonry, plus the usual SEO considerations for thumbnails and schema. One focused card per topic is the mantra here, and the hover state advice is solid: subtle elevation without causing layout shift.

Install to Claude Code

npx -y skills add kostja94/marketing-skills --skill card --agent claude-code