arrange
Systematically assesses and improves UI layout, spacing, visual hierarchy, and grid structures for better rhythm.
Install
npx skills add https://github.com/pbakaus/impeccable --skill arrangeStats
| Total installs | 16,063 |
| Weekly installs | 16.0K |
| GitHub stars | 14.0K |
| First seen | 12 days ago |
| Source | @pbakaus/impeccable |
Summary
- Analyzes current spacing consistency, visual hierarchy, grid structure, and rhythm through systematic assessment including the squint test for identifying primary and secondary content
- Establishes a semantic spacing system using consistent scales (framework tokens, rem-based, or custom) and applies gap for sibling spacing instead of margins
- Recommends layout tools by use case: Flexbox for 1D layouts and components, Grid for 2D page-level structures, with guidance on responsive patterns like repeat(auto-fit, minmax())
- Breaks monotonous card grid patterns by varying sizes, mixing card and non-card content, and using spacing and alignment for natural visual grouping
- Requires the frontend-design skill and its Context Gathering Protocol as prerequisite; includes optical adjustment guidance and a semantic z-index scale for depth management
Tags
Related skills
| Skill | Installs | vs arrange |
|---|---|---|
| brand-guidelines | 19,130 | +3,067 |
| javascript-sdk | 13,921 | -2,142 |
| design-md | 23,748 | +7,685 |
| chat-ui | 13,944 | -2,119 |
| widgets-ui | 13,871 | -2,192 |
FAQ
- How many installs does arrange have?
- arrange has 16,063 total installs and 16.0K installs this week.
- Where is arrange hosted?
- arrange is published by @pbakaus/impeccable at https://github.com/pbakaus/impeccable.
- How many GitHub stars does arrange have?
- arrange has 14.0K GitHub stars.
- When was arrange first indexed?
- OrangeBot.AI first indexed arrange on 12 days ago.
- How do I install arrange?
- Run: npx skills add https://github.com/pbakaus/impeccable --skill arrange