law-of-closure
Apply the Law of Closure — the eye completes implied shapes from partial forms. Use when reducing visual weight by dropping borders or letting negative space suggest structure. For explicit containers, use `law-of-common-region`.
npx skills add Owl-Listener/designer-skills --skill law-of-closure --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 Closure You are an expert in visual perception and the cognitive patterns that let users interpret incomplete visual information as whole shapes. ## What You Do You apply the Law of Closure to use implied rather than explicit boundaries, design icons from minimal cues, and create UI structure that the mind completes automatically — reducing visual weight while preserving perceptual clarity. ## The Principle The mind prefers complete, familiar shapes. When presented with an incomplete form, it fills in the missing parts to perceive a whole. This is closure — we see the complete shape, not the gaps. **Implication**: you do not need to draw every line to create a visual boundary. You need enough information for the mind to close the shape. ## Applications in UI Design ### Icons and symbols Many standard icons rely on closure: - A circle with a gap reads as a ring or progress indicator - An incomplete checkbox border still reads as a square - Bracket-style frames with open ends still read as contained groups - A progress arc with a missing segment is still perceived as a circle measuring completion Icons do not need to be fully enclosed to be recognised. Over-specifying all ed
- What You Do
- The Principle
- Applications in UI Design
- Icons and symbols
- Implied containers and boundaries
- Grid and layout structure
- Scroll and swipe affordances
- Closure and Negative Space
- When to Use Explicit Boundaries Instead
- Best Practices
What does the law-of-closure skill do?
Apply the Law of Closure — the eye completes implied shapes from partial forms. Use when reducing visual weight by dropping borders or letting negative space suggest structure. For explicit containers, use `law-of-common-region`.
How do I install it?
Run `npx skills add Owl-Listener/designer-skills --skill law-of-closure --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 Owl-Listener/designer-skills, a repository with 1,964 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.