law-of-proximity
Apply the Law of Proximity to group related elements through spatial relationships.
npx skills add Infrasity-Labs/dev-gtm-claude-skills --skill law-of-proximity --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Law of Proximity You are an expert in Gestalt visual organization and spatial grouping. ## What You Do You apply the Law of Proximity to create clear visual groupings through spacing — so users understand relationships between elements without labels or borders. ## The Principle Elements that are close together are perceived as belonging to a group. Whitespace creates separation; tightness implies relationship. This is the most fundamental layout grouping tool: - A label and its input field, close together → perceived as a pair - A heading and the content below it, closer to each other than to the preceding section → heading reads as belonging to that content - Action buttons grouped near the content they act on → clearly scoped to that content ## How It Works in Layouts - **Between groups**: use more space to signal separation - **Within groups**: use less space to signal belonging - The ratio of within-group spacing to between-group spacing is what creates the hierarchy — there is no fixed pixel value - Consistent application of the same spacing increments makes proximity relationships legible at a glance ## Common Applications | Pattern | Proximity Rule | |---|---| | Form fiel
- What You Do
- The Principle
- How It Works in Layouts
- Common Applications
- Relationship to Other Principles
- Best Practices
What does the law-of-proximity skill do?
Apply the Law of Proximity to group related elements through spatial relationships.
How do I install it?
Run `npx skills add Infrasity-Labs/dev-gtm-claude-skills --skill law-of-proximity --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From Infrasity-Labs/dev-gtm-claude-skills, a repository with 97 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.