closure-implied-shapes

Community

Design with implied forms users complete.

AuthorHDeibler
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Helps designers avoid over-drawing by using perceptual completion (closure) so interfaces, icons, and layouts still read clearly when details are omitted.

Core Features & Use Cases

  • Closure-first visual design: Exploits gaps, negative space, and aligned terminations so partial outlines reliably read as whole shapes.
  • Size-robust icons and logos: Calibrates how much omission works at common rendering sizes, especially for small icons.
  • Lightweight structure without clutter: Uses inferred containment for cards, implied baselines for charts, and rhythm/proximity for text grouping.
  • Worked patterns & anti-patterns: Provides concrete examples (icons, card containers, skeleton states) plus guidance on when reduction becomes harmful or invisible.

Quick Start

Apply closure-implied-shapes to an icon, logo, card, or chart draft to decide what minimal cues to keep and what to remove while preserving recognizability.

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

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.