snr-emphasis-economy
CommunitySpend emphasis so the right things land.
Design & Creative#accessibility#call-to-action#emphasis#ui contrast#ux hierarchy#color economy#motion restraint
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 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: 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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.