CSS Layout Helper

SkillDev tools

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

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the CSS Layout Helper skill

What this skill tells your AI

The instructions your AI receives, as published by proflead/codex-skills-library in skills/frontend/css-layout-helper/SKILL.md and read by ahel’s review.

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.

Signals

GitHub stars
144
Forks
30
Last commit
Jul 2026
Advanced
Catalog kind
skill
Gateway key
css-layout-helper
Source
github.com/proflead/codex-skills-library