visual-interface-design

Installation
SKILL.md

Visual Interface Design

What this skill is for

Visual interface design is the discipline of using visual properties — type, color, spacing, size, weight, contrast, position — as a communication system to encode meaning, establish hierarchy, and guide attention. It is not about making interfaces attractive. The measure of a visual design decision is whether it correctly communicates structure, priority, and state to users.

The foundational test: Can this visual decision be justified by what it communicates, independent of aesthetics? If the only justification is "it looks nice," the decision lacks communicative grounding.

Load this skill when:

  • Making visual decisions that communicate meaning: hierarchy, status, state, type, category, action affordance
  • Designing visual systems for application interfaces: dashboards, forms, tools, data tables, monitoring views
  • Specifying the visual semantics section of a Design Spec
  • Evaluating whether a described visual design correctly communicates its intended meaning

Compose with project-specific visual guidance when useful:

  • For products with application and marketing surfaces, preserve a coherent design language while respecting their different user goals. No external design skill is required.
Installs
8
Repository
bateau84/skills
First Seen
11 days ago