AI 에이전트를 위한 웹사이트 설계도, WebDNA 표준 제안

Context

AI 모델의 raw HTML 및 minified JavaScript 분석으로 인한 낮은 효율성. 컴포넌트 간 관계 및 디자인 토큰, API 구조 파악의 어려움. 단순 sitemap으로는 부족한 동적 경로 및 디자인 시스템 정보의 부재.

Technical Solution

• Next.js 빌드 프로세스 통합을 통한 사이트 블루프린트 자동 생성 구조
• 루트 트리 분석 및 Tailwind 설정 기반 디자인 토큰 추출 방식
• 코드베이스의 암묵적 지식을 명시적 JSON 매니페스트로 변환하는 전략
• 읽기 전용 정적 JSON 파일 설계를 통한 코드 실행 가능성 원천 차단
• 요소 수준의 제외 속성을 활용한 AI 접근 제어 및 데이터 프라이버시 보호 설계
• 동적 경로의 데이터 요구사항과 컴포넌트 역할을 명시하는 구조적 인터페이스 제공

Key Takeaway

기계가 읽을 수 있는 구조화된 메타데이터를 제공하여 AI 에이전트의 웹 탐색 마찰과 오류를 줄이는 설계 원칙.