When the user wants to design, optimize, or audit grid layouts for content display. Also use when the user mentions "grid layout," "grid design," "multi-column…
Components: Grid Layout Guides grid layout design for equal-hierarchy, multi-column content display. Grids display multiple items with equal emphasis; space-efficient and scannable. Used for products, templates, tools, features, blog indexes, and galleries. When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. When to Use Grid Use grid when Use list when Visual content (images, thumbnails) Text-heavy; scan by title Equal emphasis across items Compact; many items; dense info Products, templates, gallery, features Blog index, docs, search results Browsing, discovery Reading, scanning See list for list layout; card for card structure within grid. Grid Structure
don't have the plugin yet? install it then click "run inline in claude" again.