tour-product-detail-uiux
CommunityUpgrade tour detail UX with sprint-safe changes
Design & Creative#design tokens#sprint planning#nextjs#frontend QA#tour page#uiux redesign#booking UX
Authorsimsangsong
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps you implement a large tour product detail page UI/UX upgrade without breaking conversion flow or drifting away from the approved, sprint-ordered execution plan.
Core Features & Use Cases
- Sprint-governed UI/UX upgrades: Executes hero, subnav, at-a-glance, atmosphere gallery, day-flow, timeline, pickup/dropoff, included, fit, practical details, booking support, FAQ, reviews, recommendations, and booking card/mobile sticky bar changes in the required order.
- Plan-locked scope and anti-scope-crew control: Wires every task back to the single integrated execution plan so decisions remain binding and scope creep is parked.
- Safety and QA guardrails: Enforces acceptance checks per sprint (booking checkout QA, token/color constraints, accordion limits, hero autoplay OFF, scroll-freeze guard, and multi-locale verification).
Quick Start
Ask to “start Sprint 1 of the tour-product detail master plan” (or “continue Sprint 2”) and apply the next unchecked task from the master plan to the codebase.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: tour-product-detail-uiux Download link: https://github.com/simsangsong/atockorea/archive/main.zip#tour-product-detail-uiux Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.