Back to directory

Tours List Uiux

Agent skill
1 skill

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/.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Skill stats

Skills1CategoryGrowth & marketingStars0

About this skill

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/.

Quick start

  1. Copy the install prompt. Use the green button above this README.
  2. Send it to your agent. Paste it into your coding agent’s chat and send.
  3. Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
Review, license & listing details
Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Unavailable

HTTP 404

About scan coverage and limitations

About this listing

Category
Growth & marketing
Reported license
Not specified
Listing language (estimated)
English
Review status
Not individually reviewed
Agent compatibility
Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.
Tours List Uiux | Agent Skills Atlas