Ui Differentiation Memorability
Before building any UI, identify the one element a user will remember — and execute it with precision. Undifferentiated UIs have no recall value.
$ aoe install @community/principle-ui-differentiation-memorabilityProjection
Always in _index.xml · the agent never has to ask for this.
UiDifferentiationMemorability [principle] v1.0.0
Before building any UI, identify the one element a user will remember — and execute it with precision. Undifferentiated UIs have no recall value.
Loaded when retrieval picks the atom as adjacent / supporting.
UiDifferentiationMemorability [principle] v1.0.0
Before building any UI, identify the one element a user will remember — and execute it with precision. Undifferentiated UIs have no recall value.
Meta
- License: MIT AND Apache-2.0
- License Provenance: legacy-backfill
Attributed To
Anthropic Frontend Design Skill
Applies To
- frontend-design
- design thinking before implementation
- any UI that will compete for user attention
Loaded when retrieval picks the atom as a focal / direct hit.
UiDifferentiationMemorability [principle] v1.0.0
Before building any UI, identify the one element a user will remember — and execute it with precision. Undifferentiated UIs have no recall value.
Meta
- License: MIT AND Apache-2.0
- License Provenance: legacy-backfill
Attributed To
Anthropic Frontend Design Skill
Applies To
- frontend-design
- design thinking before implementation
- any UI that will compete for user attention
Examples
- Linear: the narrow, precise monospace-influenced data density is the unforgettable differentiator in a world of padded cards.
- Notion: the slash command menu that turns the editor into a creation tool — no other app had it first.
- Figma: the real-time multiplayer cursor stack — makes the collaboration visible in a way that felt impossible.
- Bad: 'a clean, modern interface with rounded corners and a blue primary button' — describes 10,000 SaaS apps simultaneously.
Relations
related: [@community/principle-unexpected-spatial-composition, @community/rule-vary-aesthetic-per-generation, @community/anti-pattern-ai-slop-aesthetics, @community/anti-pattern-ai-generated-ui, @community/counter-example-tailwind-blue-500, @community/example-linear-issues-table, @community/example-mercury-banking-dashboard, @community/principle-commit-bold-aesthetic]
Rationale
Gravitating toward safe, common choices produces UIs that blend into the statistical mean of AI-generated output. A single strong differentiator — a distinctive typography treatment, a non-standard compositional move, a reserved signature color, an unexpected interaction — anchors user memory and brand identity.
Source
aoe-engine/examples/frontend-design/primes/compiled/@community/principle-ui-differentiation-memorability/atom.yaml