Skip to content
store
L

layout-grid

Define a responsive grid — columns, gutters, margins, and breakpoint behaviour

by owl-listenerFree

Launch
#5664in AI Skills
0In stores

Description

Define a responsive grid — columns, gutters, margins, and breakpoint behaviour. Use when establishing page structure. For the spacing scale…

Information

Ratings & Reviews

No ratings yet

Be the first to rate layout-grid.

People also visit

F

frontend-design

Instructs Claude to avoid "AI slop" or generic aesthetics

AI Skills
Launch
A

artifacts-builder

Suite of tools for creating elaborate

AI Skills
Launch
C

canvas-design

Design beautiful visual art in .png and .pdf formats using design philosophies

AI Skills
Launch
M

mcp-builder

Guide for creating high-quality MCP servers to integrate external APIs

AI Skills
Launch
P

pdf

Extract text, tables, metadata, merge & annotate PDFs

AI Skills
Launch
W

webapp-testing

Test local web applications using Playwright for UI verification and debugging

AI Skills
Launch
See all layout-grid alternatives

layout-grid FAQ

What is layout-grid?

Define a responsive grid — columns, gutters, margins, and breakpoint behaviour. Use when establishing page structure. For the spacing scale inside components

Is layout-grid free?

Yes. layout-grid is free to use.

Do I need to download layout-grid?

No. layout-grid runs in your browser at skills.sh, so there's nothing to install.

Who makes layout-grid?

layout-grid is made by owl-listener.

What are the best layout-grid alternatives?

Popular alternatives to layout-grid include frontend-design, artifacts-builder and canvas-design. See all layout-grid alternatives

Developer Stuff

Badges