Lean imperative lead-ins followed by tight code blocks with no explanation of CSS-grid basics or other concepts Claude already knows; every token earns its place.

Provides fully executable CSS (tokens, parent grid, frame, brackets, spans, responsive media query) plus a copy-paste-ready HTML example rather than pseudocode or abstract direction.

A simple single-task styling skill with an unambiguous construction sequence in 'Layout Rules' and a 'Quick Checks' verification checklist; per the simple-skills note this qualifies for the top anchor.

A self-contained file with no bundle references and clearly organized sections (Use When, Layout Rules, tokens, components, example, Taste Rules, Quick Checks); no nested reference indirection.

Names multiple concrete visual mechanisms — 'thin visible boundary lines', 'L-shaped corner brackets', 'subtle diagonal line texture', and 'strict section alignment' — matching the anchor for listing several specific concrete actions.

Explicitly states what it does (create framed grid layouts with named features) and when to use it via an explicit 'Use when...' clause, satisfying both what and when.

The 'Use when asked for clean, neutral, precise, structured, editorial, technical, or guide-border web layouts' clause gives broad coverage of natural style-descriptor terms a user would actually say.

The framed-grid + L-bracket + diagonal-texture signature is a distinct niche; 'guide-border' and 'framed' triggers are unlikely to fire for unrelated skills.