OpenSkillIndex← back to search
claude-code

Ui-ux-suite layout-audit

Layout and spacing audit covering grid, spacing consistency, density, responsive behavior

install
source · Clone the upstream repo
git clone https://github.com/Aboudjem/ui-ux-suite
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/Aboudjem/ui-ux-suite "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/layout-audit" ~/.claude/skills/aboudjem-ui-ux-suite-layout-audit && rm -rf "$T"
manifest: skills/layout-audit/SKILL.md
source content

/layout-audit: Layout and Spacing Audit

Focused audit of layout, spacing, grid, and responsive design.

Flow

  1. Extract spacing values with 
    uiux_extract_spacing
  2. Detect spacing scale and base unit
  3. Evaluate grid system, density, whitespace
  4. Check responsive breakpoints and container widths
  5. Generate spacing scale with 
    uiux_generate_spacing_scale
  6. Output recommendations

Output

  • Spacing analysis (unique values, consistency score, off-grid values)
  • Grid system detection
  • Density assessment
  • Breakpoint analysis
  • Recommended spacing scale
  • Container width recommendations