mimicry-surface
CommunityUse familiar visuals to clarify purpose.
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Surface mimicry solves the problem of unclear UI purpose by making an interface element visually resemble something users already recognize, so they can understand what it is at a glance.
Core Features & Use Cases
- Recognition-first visual mapping: Render a control or container like a familiar physical object (e.g., journal-like reading surfaces, wallet-like containers) to communicate meaning without relying on labels.
- Right-moment selection: Apply mimicry when users lack category familiarity, when the audience truly knows the referenced object, or when the emotional/aesthetic register matters.
- Risk control and tradeoff checking: Avoid situations where the reference is obsolete, conflicts with platform conventions, or creates accessibility and affordance problems.
Quick Start
Ask for a surface-mimicry recommendation for a screen, including the user audience, the physical reference you want to borrow from, and what the element does.
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: mimicry-surface Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#mimicry-surface 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.