closure

Community

Make incomplete visuals feel whole

AuthorHDeibler
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Closure helps designers ensure that implied, partially drawn shapes (icons, logos, cards, and diagrams) are perceived as complete and intentional rather than broken, confusing, or ambiguous.

Core Features & Use Cases

  • Design icons with implied shapes: Use partial outlines or strategic gaps so the user’s perception completes the form (especially at small sizes).
  • Create logos using negative space: Communicate recognizable marks through implied contours (e.g., hidden shapes in gaps).
  • Imply containment in layouts: Make cards and containers feel distinct without heavy borders by relying on subtle cues (shadow/tint/spacing).
  • Troubleshoot closure failure: Detect when gaps are too large, the suggestion is too subtle, or the user audience can’t complete the form.

Quick Start

Apply the closure heuristic to your design by checking whether the implied form is recognizable at the actual size and whether users can complete it without guessing.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: closure
Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#closure

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.