Frontend & UI
Container Lines
Draw quiet vertical guide lines at your content container edges.
What it is
A CSS pattern that adds 1px vertical lines at both edges of the content container, plus optional mini corner squares. Guides sit behind content and ignore pointer events.
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
Why it matters for design
- Reveals the container width, so loose hero sections gain structural tension.
- Guides share the container max-width and padding, so they never drift.
- Pointer events are disabled, so lines never block clicks or selection.
What it covers
- Use when
- Rules
- Base tokens
- Page container lines
- Corner squares
- Minimal section wrapper
How to install
Container Lines
-
Clone the repo.
git clone https://github.com/MengTo/Skills -
Point Codex at the skill file.
agent-skills/web-design/container-lines/SKILL.md -
Then describe the UI you want. Codex follows the skill.
How to run it with Codex
-
Add the container-lines class to the layout shell.
-
Place corner squares only on real container or section corners.
-
Check the lines stay subtle on both light and dark backgrounds.
Every plugin here is free, open source, and links to its real upstream source.
More on the codex-design list ↗More Codex design plugins
Frontend & UI What it does gpt-taste Builds award-style landing pages with GSAP scroll motion and gapless bento grids. 
Design Systems What it does Stitch Design Taste Writes a DESIGN.md that steers Google Stitch toward non-generic screens. 
Frontend & UI What it does image-to-code Generates design images first, analyzes them, then builds matching frontend code. 
Frontend & UI What it does imagegen-frontend-mobile Generates premium mobile app screen flows as images, not code. Next step
Design with Open Design, without the setup
Install this plugin yourself, or run a whole curated design layer around Codex with Open Design. Bring your own key, own your output.