Loading source

Preparing the source view

Pulling the file list, source metadata, and syntax-aware rendering for this listing.

Source from repo

User Interface Wiki

Living wiki of UI design patterns and best practices built with Fumadocs, Next.js, and Base UI components.

Files

157

Skill

n/a

Size

184.3 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

Syntax-highlighted preview of this file as included in the skill package.

markdown33 linesFree

Users perceive aesthetically pleasing design as more usable. Small visual details compound into trust.

Incorrect (unstyled, raw elements):

.card {
  border: 1px solid black;
  padding: 10px;
}

Correct (considered visual treatment):

.card {
  padding: 16px;
  background: var(--gray-2);
  border: 1px solid var(--gray-a4);
  border-radius: 12px;
  box-shadow: var(--shadow-1);
}