visual-design-mastery

Installation
SKILL.md

Visual Design Mastery

Why Visual Design Mastery Matters

The gap between a vibe-coded app and a professionally designed product is visual design mastery. Not subjective taste — learnable, systematic craft. Every world-class designer applies a finite set of principles consistently: typographic hierarchy, color harmony, spatial rhythm, compositional balance, and material craft. This skill codifies those principles from 36+ designers and 23 canonical books into teachable, measurable intelligence.

Visual design is the first language your product speaks. Before a user reads a single word, they have already judged your product's credibility, quality, and trustworthiness based on visual signals alone. Research from the Stanford Web Credibility Project shows 75% of users judge a company's credibility based on visual design. You have 50 milliseconds to make that impression.


I. Visual Design Philosophy

Form Follows Function

Every visual choice must serve a purpose. Decoration without function is noise. The best interfaces are ones where removing any element would break the experience. This does not mean minimalism for its own sake — it means intentionality. A bold color draws attention to the primary action. A large heading establishes hierarchy. Generous whitespace creates breathing room that improves comprehension. Every pixel earns its place.

Less Is More (Mies van der Rohe)

Restraint is the hallmark of mastery. Junior designers add; senior designers remove. The path to visual excellence is subtraction: fewer colors, fewer typefaces, fewer competing elements. Complexity is easy. Simplicity is hard. When you reduce a design to its essential elements, what remains must be perfect.

Installs
10
Repository
phazurlabs/sumi
GitHub Stars
40
First Seen
Aug 10, 2026
visual-design-mastery — phazurlabs/sumi