zexuanw958-svg/travel-plan-viz

해결하는 문제

travel-plan-viz는 여행 일정을 정교하고 모바일 최적화된 단일 파일 HTML 페이지로 변환합니다. 정보가 분산되는 문제를 해결하며, 조사, 일정 설정, 탐색을 하나의 오프라인에서 읽을 수 있는 문서로 통합합니다. 예약 리마인더 생성 및 지도 좌표 보정과 같은 번거로운 작업을 자동화합니다.

작동 방식

AI 에이전트 지침과 하드코딩된 자바스크립트 엔진을 결합한 하이브리드 아키텍처를 사용하여 신뢰성을 보장합니다:

• 에이전트 워크플로우: AI(예: Claude Code 또는 Codex)가 목적지를 조사하고, 콘텐츠 계약에 따라 일정을 구성하며 HTML 페이지를 생성합니다.
• 핵심 엔진: 세 가지 순수 자바스크립트 엔진이 기술적 부담을 처리합니다: map.js는 인터랙티브한 Leaflet 지도와 좌표 변환(GCJ-02 → WGS-84)을 담당하고, reminders.js는 예약 마감일을 계산하며, validate.js는 생성 후 기계적 검사를 통해 필드나 좌표 누락 여부를 확인합니다.
• 데이터 지속성: 전체 일정이 HTML 파일 내부에 JSON으로 포함되어 있어, AI가 일정을 업데이트(예: Day 3에서 Day 4로 정류장 이동)해도 기존 데이터를 잃지 않습니다.
• 확장성: 공식 여행 스킬(Fliggy 또는 Amap 등)과 옵션으로 통합하여 실시간 데이터를 활용할 수 있지만, 웹 리서치만으로도 완전히 작동합니다.

대상 사용자

모바일 기기에서 오프라인으로 접근 가능한 구조적이고 시각적으로 매력적인 여행 가이드를 원하는 여행자, 그리고 Claude Code 또는 Codex와 같은 AI 에이전트 사용자 중에서 재사용 가능한 스킬로 기능을 확장하고자 하는 사용자.

주요 특징

• 인터랙티브 지도: API 키 없이도 사용 가능한 지도로, 번호가 매겨진 정류장, 점선 경로, iOS 및 안드로이드에서 한 번의 탭으로 탐색 가능한 링크 제공.
• 예약 리마인더: 출발일을 기반으로 티켓 및 호텔 예약 마감일을 자동으로 역산.
• 오프라인 우선: 인터넷 연결 없이도 텍스트가 읽을 수 있는 단일 반응형 HTML 파일을 생성.
• 기계적 검증: validate.js라는 전용 스크립트를 사용해 위도/경도 교환 또는 필수 블록 누락과 같은 일반적인 AI 오류를 탐지.
• 반복 편집: HTML을 AI에 다시 입력하면 내장된 JSON 데이터를 수정하여 일정을 업데이트할 수 있습니다.