design-arrange
CommunityEnhance layout and visual rhythm for intentional design compositions.
Authoreykd
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses layout monotony, inconsistent spacing, and weak visual hierarchy, turning generic arrangements into intentional compositions with better rhythm and structure.
Core Features & Use Cases
- Layout Analysis: Assess current layout issues like inconsistent spacing, weak visual hierarchy, and grid structure.
- Improvement Planning: Create a systematic plan for layout improvements, including spacing systems and hierarchy strategies.
- Layout Improvement: Execute the plan by establishing a spacing system, creating visual rhythm, choosing the right layout tool, and managing depth and elevation.
- Verification: Verify layout improvements through squint tests, rhythm checks, hierarchy assessment, and responsiveness.
Quick Start
Run the design-arrange skill to improve the layout of your project by analyzing the current state and following the systematic plan provided.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: design-arrange Download link: https://github.com/eykd/vance-ts/archive/main.zip#design-arrange Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.