snr-densification
CommunityAdd signal density without adding noise.
Design & Creative#dashboard#interaction patterns#ux#hierarchy#power user#information design#ui density
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
When a UI feels too sparse or “empty-feeling,” users can’t quickly find information or actions, forcing extra navigation and hesitation.
Core Features & Use Cases
- Inline densification of context: Replace “click for details” patterns with adjacent, task-relevant metadata (status, owner, due dates, key stats).
- Compact data primitives: Convert large cards and decorative blocks into scannable rows, tables, and stat blocks with clear hierarchy.
- Inline action affordances: Surface the most important row-level actions directly in the list/grid to reduce hidden choices.
- Density tuning controls: Support smaller default sizing and offer user-controlled compact modes for power users.
Quick Start
Densify the screen by adding the most task-relevant details and actions inline using a strict grid and tighter, scannable row/layout structure.
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-densification Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#snr-densification 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.