domains / families / design / framed-grid-layout
framed-grid-layout
separate
Create minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line texture, and strict section alignment. Use when asked for clean, neutral, precise, structured, editorial, technical, or guide-border web layouts.
When to use
- clean technical structure with visible section boundaries
- precise, organized, editorial, or system-like content
- thin guide borders, L-shaped corner brackets, and consistent framed boxes
- neutral, precise, structured, editorial, technical, or guide-border web layouts
When not to use
- floating cards
- soft blobs
- uneven margins
- heavy shadows
- mixed border weights in adjacent frames
Skill page
Source
| Repository | Path |
|---|
| MengTo/Skills | agent-skills/web-design/framed-grid-layout/SKILL.md |