Community코딩 & 개발github.com

pengguin/travel-guide-pwa-builder

목적지 인식 및 오프라인 지원 여행 가이드 PWA를 위한 Codex 스킬

travel-guide-pwa-builder란 무엇인가요?

이 스킬은 사용자가 특정 여행 목적지를 입력하면 해당 목적지에 맞춰진 프로그레시브 웹 앱(PWA) 형태의 여행 가이드를 자동으로 생성합니다. 생성된 PWA는 오프라인에서도 주요 정보에 접근할 수 있도록 서비스 워커와 캐싱 전략을 활용하며, 사용자가 여행 중 인터넷 연결이 불안정한 환경에서도 유용하게 사용할 수 있습니다. 이 스킬은 Codex와 같은 AI 코딩 에이전트에서 사용하도록 설계되었으며, 개발자가 빠르게 프로토타입을 제작하거나 실제 배포 가능한 여행 가이드 앱을 만들 수 있도록 도와줍니다. SKILL.md 문서에는 PWA 구조 설정, 오프라인 지원 구현, 목적지 데이터 통합 방법 등이 상세히 설명되어 있습니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add pengguin/travel-guide-pwa-builder

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

travel-guide-pwa-builder은(는) 무엇을 하나요?

목적지 인식 및 오프라인 지원 여행 가이드 PWA를 위한 Codex 스킬

이 스킬은 사용자가 여행 목적지를 입력하면 해당 목적지에 대한 정보를 담은 프로그레시브 웹 앱(PWA)을 생성합니다. 생성된 앱은 오프라인에서도 작동하므로, 여행 중 인터넷 연결이 불안정한 상황에서도 유용하게 사용할 수 있습니다.

주요 기능

  • 목적지 인식: 사용자가 입력한 여행지에 맞춰 앱 콘텐츠를 자동으로 구성합니다.
  • 오프라인 지원: 서비스 워커와 캐싱 전략을 통해 오프라인에서도 주요 정보를 제공합니다.
  • PWA 구조: 표준 PWA 기술을 사용하여 설치 가능하고 반응형인 웹 앱을 생성합니다.

사용 방법

  1. 스킬을 호출하고 원하는 여행 목적지를 입력합니다.
  2. 스킬이 자동으로 PWA 구조와 콘텐츠를 생성합니다.
  3. 생성된 앱을 브라우저에서 실행하거나 배포할 수 있습니다.

지원 플랫폼

  • Codex

기술 스택

  • HTML/CSS/JavaScript
  • 서비스 워커 (Service Worker)
  • PWA 매니페스트 (Manifest)

예시

# 스킬 호출 예시
codex run pengguin/travel-guide-pwa-builder --destination "파리"

참고 사항

  • 생성된 PWA는 오프라인 사용을 위해 주요 데이터를 캐싱합니다.
  • 목적지 정보는 기본 제공 데이터를 기반으로 하며, 필요에 따라 수정할 수 있습니다.

관련 스킬