closure-implied-shapes
CommunityDesign with implied forms users complete.
Design & Creative#visual design#icon design#negative space#design heuristics#UI hierarchy#perceptual closure#chart structure
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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.