css-layout-helper
Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.
Install
npx skillscat add proflead/codex-skills-library/css-layout-helper Install via the SkillsCat registry.
SKILL.md
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
- Identify the container and child roles.
- Recommend flex or grid with key properties.
- Provide a minimal CSS snippet to test.
Output
- Proposed CSS changes with explanation.
Quality bar
- Prefer minimal changes over rewrites.
- Call out responsive implications.
Categories
Install
npx skillscat add proflead/codex-skills-library/css-layout-helper Install via the SkillsCat registry.