arrange

Assess UI layout spacing, hierarchy, grid structure, and rhythm.

Updated Nov 4, 2025
One-click install
npx skills add https://github.com/jatwell93/pharmacy-heatmap --skill arrange-jatwell93
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: arrange
Source: https://github.com/jatwell93/pharmacy-heatmap/tree/main/.agents/skills/arrange
Command: npx skills add https://github.com/jatwell93/pharmacy-heatmap --skill arrange-jatwell93

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition.

Core Features & Use Cases

  • Provides a structured assessment of spacing, visual hierarchy, grid structure, and rhythm to guide redesigns.
  • Generates an actionable plan for layout improvements, including spacing scales, rhythm variety, and hierarchy cues.
  • Supports alignment with design principles and a Context Gathering Protocol before proceeding.

Quick Start

Provide a layout assessment and a prioritized plan to improve spacing, hierarchy, and rhythm for the current UI.

Frequently Asked Questions about arrange

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix inconsistent spacing and weak visual hierarchy in my UI layout?

To fix inconsistent spacing and weak visual hierarchy in your UI layout, use a structured assessment workflow that evaluates grid structure, spacing scales, and rhythm variety to generate an actionable redesign plan.

What causes a crowded UI and monotonous grid composition?

A crowded UI and monotonous grid composition are caused by a lack of spacing rhythm and weak hierarchy cues, which requires a structured layout assessment to identify and correct alignment and spacing scale issues.

How do I assess visual rhythm and spacing for a web dashboard?

You assess visual rhythm and spacing for a web dashboard by applying a structured evaluation covering grid structure, spacing scales, and hierarchy cues, preceded by a context gathering protocol to understand the interface.

Can I use this layout assessment workflow for mobile application components?

Yes, you can use this layout assessment workflow for mobile application components, as it explicitly supports component-level layouts across both web and mobile applications to improve spacing and visual hierarchy.

What's the best way to structure a UI redesign plan for better composition?

The best way to structure a UI redesign plan for better composition is to follow a context gathering protocol, then generate a prioritized plan addressing spacing scales, rhythm variety, and visual hierarchy cues.

Why does my dashboard layout feel off even when the grid is aligned?

Your dashboard layout feels off despite grid alignment because of weak visual rhythm and monotonous spacing, requiring a structured assessment of hierarchy cues and rhythm variety to resolve the composition issues.