mimicry
CommunityBorrow the familiar to make the new learnable
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Mimicry helps users understand unfamiliar interfaces by borrowing recognizable form, behavior, or function from something they already know, reducing confusion and speeding up onboarding.
Core Features & Use Cases
- Surface mimicry: Make elements visually resemble a familiar object or established pattern so users recognize what they’re looking at (e.g., card layouts, familiar icons).
- Behavioral mimicry: Match interaction behavior to what users expect from the source (e.g., swipe to dismiss/rearrange, page-turn transitions).
- Functional mimicry: Preserve the underlying task model of the source (e.g., a shopping cart that collects items and supports checkout).
- Use cases: Introducing a novel feature with an analogy, designing for categories users already understand, and evaluating whether skeuomorphic styling helps learning or creates misleading expectations.
Quick Start
Apply the mimicry principle to your design by choosing the best layer (surface, behavioral, or functional) that matches what your users already understand, while ensuring the analogy does not impose outdated limitations.
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 Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#mimicry 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.