back
loading skill details...
When the user wants to design, optimize, or audit list layouts for content display. Also use when the user mentions "list layout," "list design," "vertical…
Components: List Layout Guides list layout design for linear, stacked content display. Lists are compact, text-heavy; users scan by title or metadata. Used for blog indexes, documentation, search results, and dense content. 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 List Use list when Use grid when Text-heavy; scan by title Visual content; equal emphasis Many items; compact display Fewer items; browsing Blog index, docs, search results Products, templates, gallery F-pattern reading (top-left, left column) Discovery, exploration See grid for grid layout; card for card structure. List Structure
don't have the plugin yet? install it then click "run inline in claude" again.