arrange

Analyze UI layouts to detect spacing inconsistencies and generate improvement plans.

Updated Mar 22, 2026

Search Tags:#layout #UI design #design-system #spacing #arrange #visual rhythm

Ready to run

npx skills add https://github.com/Lin-0096/welove --skill arrange-lin-0096

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: arrange
Source: https://github.com/Lin-0096/welove/tree/main/.claude/skills/arrange
Command: npx skills add https://github.com/Lin-0096/welove --skill arrange-lin-0096

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve and harmonize UI layouts by analyzing current spacing and visual rhythm.

Core Features & Use Cases

Systematic layout assessment: detects spacing inconsistencies, alignment issues, and weak visual rhythm.
Guided plan for improvements: creates a structured approach with spacing scales, rhythm patterns, and layout strategies.
Practical application: suitable for dashboards, product pages, forms, and other interfaces requiring improved composition.

Quick Start

Provide a UI layout description or screenshot and I will assess spacing, hierarchy, and rhythm to propose concrete improvements.

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 rhythm in my UI layout?▼

To fix inconsistent UI layout spacing and visual rhythm, provide a screenshot or layout description for systematic assessment. The analysis detects alignment issues and generates actionable plans with spacing scales and rhythm patterns to improve composition.

What is the best way to harmonize dashboard density and alignment?▼

Harmonizing dashboard density and alignment requires a systematic layout assessment to detect spacing inconsistencies. A structured plan applies spacing scales and rhythm patterns to improve visual hierarchy and overall composition.

Can I use this system to improve form layouts and product page hierarchy?▼

Yes, you can improve form layouts and product page hierarchy using this system. It assesses spacing, density, and visual rhythm to propose concrete improvements suitable for dashboards, product pages, forms, and other interfaces requiring better composition.

How do I create a structured spacing scale for UI design?▼

Creating a structured spacing scale for UI design involves analyzing current layout spacing and visual rhythm. The system generates a guided improvement plan with defined spacing scales and rhythm patterns to harmonize the interface.

Does this layout assessment tool work without specific UI framework dependencies?▼

Yes, this layout assessment tool works without specific UI framework dependencies. It analyzes visual rhythm and spacing inconsistencies from provided screenshots or descriptions to generate actionable layout strategies and stepwise implementation guides.