Arrange
This is part of the impeccable design system and tackles the spacing and layout problems that make interfaces feel off without you knowing why. It runs through a systematic assessment (spacing consistency, visual hierarchy, the squint test) then helps you establish semantic spacing scales and pick the right layout tool for each job. The opinionated part is good: it pushes gap over margins, warns against monotonous card grids, and includes optical adjustment guidance. You need the frontend-design skill first since it depends on the Context Gathering Protocol. If you're staring at a layout wondering why it feels generic or crowded, this gives you a structured way to diagnose and fix it.
- installs
- 39.1K
- GitHub stars
- 89.4K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add pbakaus/impeccable --skill arrange --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is part of the impeccable design system and tackles the spacing and layout problems that make interfaces feel off without you knowing why. It runs through a systematic assessment (spacing consistency, visual hierarchy, the squint test) then helps you establish semantic spacing scales and pick the right layout tool for each job. The opinionated part is good: it pushes gap over margins, warns against monotonous card grids, and includes optical adjustment guidance. You need the frontend-design skill first since it depends on the Context Gathering Protocol. If you're staring at a layout wondering why it feels generic or crowded, this gives you a structured way to diagnose and fix it.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/pbakaus/impeccable
- Categories
- Frontend Development, Design & UI/UX
