Skills DirectorySearch all skills ↗

AI agent skill · by @proflead

Css Layout Helper

Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.

Design
Open in directoryView original source ↗

Archived 2026-10-23 · Source updated 2026-07-29. Check the original repository for the latest version.

SKILL.md instructions

# CSS Layout Helper

## Purpose
Explain CSS layout issues and propose fixes.

## Inputs to request
- HTML structure and CSS snippet.
- Desired layout and screenshots.
- Target browsers and breakpoints.

## Workflow
1. Identify the container and child roles.
2. Recommend flex or grid with key properties.
3. Provide a minimal CSS snippet to test.

## Output
- Proposed CSS changes with explanation.

## Quality bar
- Prefer minimal changes over rewrites.
- Call out responsive implications.

Related skills