요청하신 ‘시각적 위계’ (type: concept) 개념에 대해 소스 문서(raw/8 Tiny UI Fixes Most Designers Ignore.md)를 분석하고, 기존 LLM 위키의 스키마 및 가이드라인에 맞춰 고품질 위키 노트를 자율적으로 작성 완료했습니다.
작업 요약
- 파일 경로:
/Users/railscraft/.gemini/antigravity-cli/scratch/llm-wiki/wiki/시각적 위계.md - 주요 반영 내용:
- frontmatter: 스키마(type:
concept, status:draft, core:false, tags, aliases, sources, created, updated) 준수. - 한 줄 정의: 인터페이스 내 visual weight 조율을 통해 인지 품질을 높이는 핵심 원칙 명시.
- 핵심 요지 & 상세:
- 불필요한 시각적 자극/강조의 덜어내기 (보조 텍스트 opacity 축소, 3차 액션 비중 감소, 테두리 남발 지양).
- 여백 확충 및 무채색 중심 단일 강조색 체계와의 시너지 효과 정리.
- 코딩 에이전트(LLM, Claude Code, v0 by Vercel) 기반 UI 생성 시 AI Slop 디자인 회피를 위한 가이드라인 통합.
- 구체적 예시:
- 시각적 위계가 무너진 Tailwind CSS 코드 vs 개선된 Tailwind CSS 코드 실질적 비교.
- 코딩 에이전트 프롬프팅용 실무 적용 시나리오 1개 포함.
- 충돌 & 출처: 데이터 밀도가 중요한 대시보드 UI와 인지 품질 중심 제품 UI 간의 실무적 트레이드오프 기재 및 소스 경로 명시.
- Obsidian 위키링크:
[[AI Slop 디자인]],[[AI Slop 미학]],[[디자인 시스템 우선 접근 방식]],[[타이포그래피 스케일]],[[디자인 토큰]],[[v0 by Vercel]],[[Claude Code]]등 연관 노트 연결 완료.
- frontmatter: 스키마(type: