skills.rest
Lin-0096
Lin-0096COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/Lin-0096/welove --skill arrange-lin-0096
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
tomerkedemtomerkedem

layout

Assess and refine layout spacing and visual hierarchy for interfaces.

Community
Advanced
Dzakiamriz22Dzakiamriz22
1

spacing

Enforce 4px and 8px spacing grids on component margins, padding, and gaps.

Community
Intermediate
AshesOfTheUndeadAshesOfTheUndead

paper

Standardize UI design with token-based spacing, color palettes, and font scales.

Community
Intermediate
AngelP17AngelP17
1

tailwind-design-system

Standardize UI design with Tailwind-based design tokens and component patterns.

Community
Advanced