mimicry

Community

Borrow 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 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: 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.
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.