지속 가능한 디자인 의사결정

요청하신 개념 ‘지속 가능한 디자인 의사결정’ (유형: concept)에 대한 위키 노트를 성공적으로 작성하여 저장했습니다.

작성 내역 요약

• 저장 경로: 지속 가능한 디자인 의사결정.md
• Frontmatter 규격 반영:
  • type: concept
  • status: draft
  • core: false
  • tags: ['llm', 'agent', 'claude-code', 'design-system']
  • sources: ['raw/CLAUDE.md vs DESIGN.md. What to Put in Each for Claude Code.md']
  • created: 2026-08-28 / updated: 2026-08-28
• 핵심 구성 내용:
  • 한 줄 정의: AI 코딩 에이전트가 단기성 코드를 남발하지 않고 시각적·상호작용적 일관성을 유지하기 위해 DESIGN.md 등 단일 진실 공급원(Source of Truth)에 수록하는 관찰 가능한 디자인 규칙 명세.
  • 핵심 요지 & 상세: CLAUDE.md(운영 매뉴얼)와 DESIGN.md(디자인 단일 진실 공급원)의 명확한 역할 분담, DESIGN.md 9대 영역(디자인 방향성, 시각 원칙, 토큰, 레이아웃, 컴포넌트 패턴, 인터랙션/모션, 반응형, 접근성, 안티패턴), 조건부 지침을 통한 컨텍스트 창 효율화 전략 수록.
  • 구체적 예시: Next.js + Tailwind CSS 대상 실제 DESIGN.md 코드 템플릿 및 Claude Code의 카드 컴포넌트 추가 요청 처리 실무 시나리오 수록.
  • 충돌 및 대응: 지나치게 상세한 스타일 토큰 전체 복사 시 코드와의 싱크 불일치 및 컨텍스트 오버헤드 문제 발생 지적 및 해결책 제시.
  • 연관 링크 연동: CLAUDE.md 기반 디자인 시스템 가이드라인, 디자인 토큰은 디자인 의사결정의 결과물이다, AI 기반 빠른 프로토타이핑 vs 프로덕션 디자인 시스템, Claude Code, 디자인 시스템 기반 AI 코드 생성 최적화, 디자인 시스템 등 위키 노와의 긴밀한 지식 연결성 확보.