mimicry-surface

Community

Use 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 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-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.
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.