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.