← All skills

Container lines

Add vertical container-size guide lines with mini corner squares for precise, structured web layouts.

Install

npx degit MengTo/Skills/agent-skills/web-design/container-lines .claude/skills/container-lines

Run it in your project root, then ask your agent for what you want. More detail

What it built

A page built by the Container lines design skill
A page this skill built when we ran it. Your result will differ with your brief.

What it does

Add vertical container-size guide lines with mini corner squares for precise, structured web layouts. Use when asked for container lines, measured layout guides, vertical boundary lines, editorial grid markers, or small corner-square frame details.

Straight from the skill's own SKILL.md. This is what your agent reads.