mapping-natural
CommunityDesign controls users can “reach” correctly.
Design & Creative#dashboard#interaction design#ux#gesture controls#design heuristics#natural mapping#chart legends
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents user errors and confusion by ensuring a control’s position, motion, or shape reliably corresponds to what it affects.
Core Features & Use Cases
- Natural mapping guidance: apply spatial and physical correspondences (e.g., knobs laid out like the items they control, directional controls that match the effect).
- Decision framework when natural mapping isn’t possible: choose the right fallback hierarchy (natural mapping first, then strong conventions, then labels, then contextual highlights).
- Quality checks and anti-pattern detection: identify common failures like inverted directions, arbitrary layouts, color-only mapping, and missing motion continuity.
Quick Start
Ask for a UX redesign using natural mapping by providing the control list and the UI area (or physical device layout) it controls, and request a layout plan plus fallbacks when spatial correspondence can’t be achieved.
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: mapping-natural Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#mapping-natural 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.