snr-emphasis-economy

Community

Spend emphasis so the right things land.

AuthorHDeibler
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents emphasis inflation by helping you decide where to allocate finite visual attention (color, weight, size, and motion) so the user can reliably find the primary action and true status at a glance.

Core Features & Use Cases

  • Emphasis budgeting: Keeps a surface readable by limiting the number of highlighted cues and maintaining a quiet background.
  • Contrast-first emphasis: Ensures emphasized elements stand out against non-emphasized UI rather than competing with other equally-emphasized elements.
  • Role-based cue restraint: Restricts brand color, destructive/status colors, bold typography, and motion to the situations where they carry unique meaning.
  • Practical UI audits: Detects and fixes common anti-patterns like “multiple primaries,” “status-everywhere syndrome,” and “animation inflation.”
  • Worked guidance: Provides heuristics and a before/after example for economizing a noisy toolbar.

Quick Start

Apply snr-emphasis-economy to your current screen by selecting the single primary action per visible region and demoting everything else to outline/ghost/text-only.

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: snr-emphasis-economy
Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#snr-emphasis-economy

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.