Menu

Individual skill

signal-to-noise-ratio

Use this skill whenever a design has too much or too little visual content competing for attention — when a screen "feels noisy," "looks busy," "feels cluttered," "feels empty," or when the user can't find the meaningful information amid decoration. Trigger when reviewing dashboards, data tables, settings pages, marketing surfaces, or any layout under critique. Trigger when designing chart axes/legends/grids, when picking icon density, when deciding whether to add a divider/border/illustration, or when a design "passes" the requirements but doesn't feel right. Signal-to-Noise Ratio is the discipline of subtraction; this skill teaches what counts as signal vs. noise, how to audit and reduce noise, and the trade-offs of overcorrecting.

plugins/HDeibler/universal-design-principles/plugins/perception-and-hierarchy-principles/skills/signal-to-noise-ratio/SKILL.md

Read pinned source

Source commit d780783eba4ecc7c8b9429f95c9362df95f07c61

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
No
Observed behavior
Network or broad shell
Last checked
Nov 4, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
1,532
Repository last updated
Nov 6, 2026
License
Apache-2.0

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# Signal-to-Noise Ratio

Signal-to-Noise Ratio (SNR) is the proportion of meaningful information to irrelevant or decorative content in a composition. The principle, borrowed from communications engineering, asserts that comprehension and aesthetic quality both improve as SNR rises — every visible element that doesn't carry meaning competes with the elements that do.

## Definition (in our own words)

In a design, *signal* is anything that helps the viewer accomplish their task or understand the content: data, labels, controls, focal imagery, navigation paths, and the typographic and spatial structure that makes them legible. *Noise* is anything else: decorative borders that don't separate meaningful groups, illustrations unrelated to the content, repeated branding marks, gratuitous gradients, drop shadows on cards that don't elevate, status icons next to fields that have no status, hover effects on non-interactive elements. A high-SNR design strips away noise so the signal can land. A low-SNR design buries the signal in chrome.

## Origins and research lineage

- **Information theory** (Shannon, 1948) gave us the SNR ratio as a measurable property of communication channels. The more noise on a channel, the more redundancy required to transmit a message reliably.
- **Edward Tufte's *data-ink ratio*** (*The Visual Display of Quantitative Information*, 1983) translated this into design vocabulary: maximize the ratio of ink that conveys information to total ink on the page; "erase non-data-ink, within reason."
- **Modern minimalist design movements** (Swiss design, Dieter Rams' "Less, but better") have applied the same discipline to product design at large.
- **Cognitive load theory** explains why low SNR is costly: every visible element is processed, however briefly, by the viewer's perceptual system. Noise consumes attention even when consciously ignored.