Agent skill · owl-listener
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`.
What it needs
About 3k tokens when loaded.
What this skill does
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 edges removes the visual elegance that makes refined icons feel lightweight. Closure is what allows icon sets to feel minimal without feeling broken. Implied containers and boundaries Full borders add visual weight. Closure allows lighter alternatives that communicate the same grouping: Single-edge dividers: a horizontal rule above a section implies the section boundary without enclosing it Corner accents: placing a visual element only at corners implies a bounding rectangle between them Fading backgrounds: a section background that fades to transparent at the edge — the mind closes the container where the color ends Partial rules: a short divider on one side implies division without a full-width line This is how modern UI surfaces feel open and uncluttered while still communicating structure. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills owl-listener/law-of-closure