시각적 계층 구조

지정하신 소스 문서 raw/Beyond UI Design. 3 Things You Can Create with Claude Design.md를 분석하여 개념 노트 **시각적 계층 구조.md**를 성공적으로 생성하고 LLM 위키 시스템에 등록하였습니다.

---

📝 생성된 위키 노트 요약

• 파일 경로: llm-wiki/wiki/시각적 계층 구조.md
• 유형 (Type): glossary
• 상태 (Status): draft
• 주요 태그: ui, ux, design, claude-design, llm

주요 반영 내용

1. 정의 및 핵심 요지:
   • UI 및 문서 레이아웃에서 요소별 중요도/맥락에 따른 타이포그래피, 색상, 여백, 정보 밀도 차등 적용 원칙 정리.
   • Claude Design과 같은 생성형 UI 도구가 원본 콘텐츠(텍스트 알맹이)를 손대지 않은 채 디자인 시스템 기반으로 시각적 계층 구조를 자동 재구성하는 메커니즘을 서술.
2. 실제 활용 시나리오 및 코드 예시:
   • Nick Babich 이력서 및 Roxy Design system (IBM Carbon 커스텀 버전) 연동을 통한 PDF/PowerPoint/HTML 내보내기 활용 사례 명시.
   • HTML/CSS 기반의 1차~3차 타이포그래피 및 색상 계층 적용 실습 코드 포함.
3. 지표 및 출처 검증:
   • 본문의 주요 주장에 소스 파일 출처(raw/Beyond UI Design. 3 Things You Can Create with Claude Design.md) 명시.
4. 위키 연동 및 충돌 지점:
   • 콘텐츠 훼손 없는 시각 레이아웃 분리 적용 관련 관점을 ‘충돌’ 섹션에 기재.
   • 디자인 시스템, AI 기반 디자인 워크플로우, AI UI 디자인 생성 모델, 디자인 토큰, AI Slop 디자인 등 관련 노과의 상호 위키링크 구조 확보.