Tours List Uiux

Drives all work on AtoC Korea's tour catalogue page (`/tours/list`) UI/UX upgrade — Catalogue Hero (240→88 collapsing magazine cover), Contextual Vignette Band (destination 7-accent inheritance from hub), Sticky Filter Rail格상 (ivory + amber + h-11), Active Filter Chip Strip, Results Meta Strip + view toggle, Editorial 3-up grid + 6th-slot Editorial Insert, Conversion Rescue Band (28+ cards), 3-action Empty State Recovery, ivory + amber + italic-serif magazine tone, anti-downgrade protection. Wires every task back to the master planner at `docs/tours-list-uiux-master-plan-2026-05-20.md` so phases advance in order (0 gate → 1 → 2 → 3 → 4 → 6, 5 deferred), B1–B17 binding decisions are honored, code reality is verified, scope creep is parked instead of silently absorbed, and the card visual assets (film grain + vignette + Vogue filter + warm shadow + spring tap) are preserved untouched. Phase 0 is a go/no-go gate — do NOT start Phase 1 until §6.0 checklist 7 items all pass + user approves. Invoke any time the user mentions (in English or Korean) — tours list / tours catalogue / 투어 리스트 / 투어 목록 / 투어 카탈로그 / 카탈로그 페이지 / 카탈로그 / `/tours/list`, catalogue hero / 카탈로그 히어로 / 매거진 표지 / collapsing hero / sticky hero, filter rail / 필터 바 / 필터 레일 / sticky filter, active filter chip / 활성 필터 칩 / dismissible chip / 필터 칩 strip, results meta / 결과 메타 / showing of, view toggle / 뷰 토글 / editorial compact, contextual vignette / 컨텍스추얼 비네트 / destination band / 도시별 배너, editorial insert / 에디토리얼 인서트 / 큐레이터 컷 / editor's pick insert / season note, conversion rescue / 컨버전 레스큐 / rescue band / 빌더 동선 분기, empty state recovery / 빈 상태 복구 / 3-action recovery, destination 7-accent / volcano harbor palace ocean temple blossom signature, ivory amber base / 아이보리 amber / 매거진 톤, anti-downgrade guard / 다운그레이드 가드 / flat 흑백 금지 / 단색화 금지, TourListCard preservation / 카드 자산 보존 / film grain 보존 / 비네트 보존, the tours list master plan / 투어 리스트 마스터 플랜 / 카탈로그 마스터 플랜 / 'read the tours list plan' / '마스터 플랜 읽어줘 (카탈로그 관련)', or any phase labeled Phase 0 / Phase 1 / Phase 2 / Phase 3 / Phase 4 / Phase 5 / Phase 6 in tours-list context (these are unique within this plan — itinerary-builder/landing-page/tour-product-detail use different phase labels). ALSO auto-invoke when the user opens a session and asks to start/continue the tours list master plan or its phases, or when editing any file under `components/tours-list/` or `app/tours/list/`.

mkdir -p ~/.claude/skills/tours-list-uiux
curl -L https://claudskills.com/skills/tours-list-uiux/SKILL.md \
  -o ~/.claude/skills/tours-list-uiux/SKILL.md

@misc{tours-list-uiux-2026,
  author    = {simsangsong},
  title     = {Tours List Uiux [Claude Code skill]},
  year      = {2026},
  publisher = {ClaudSkills},
  url       = {https://claudskills.com/skills/tours-list-uiux/}
}