Hwc Navigation Content

What it does

This skill, Hwc Navigation Content, enables AI agents to implement dynamic navigation and content discovery behavior on hotel websites. It leverages Turbo Drive and Turbo Frames to manage various navigation modes like tabs, pagination, lazy frame loading, faceted search, and custom rendering. The core functionality focuses on managing URL state, history ownership, and UI state updates for a seamless user experience.

When to use it

• Building or enhancing hotel website navigation systems.
• Implementing features like tabbed browsing, pagination, or faceted search.
• Managing the display of content within frames using Turbo Frames.
• Ensuring consistent behavior across forward/back navigation and page refreshes.
• Integrating lazy loading for improved performance.

Key capabilities

• Classifies navigation modes (tabs, pagination, lazy frame loading, etc.).
• Manages URL and history ownership.
• Utilizes frame lifecycle events to update UI state.
• Supports scroll restoration across page transitions.
• Provides guidance on cache lifecycle cleanup for optimal performance.
• Offers custom render interception capabilities.
• Integrates with Stimulus for faceted search functionality.

Example prompts

• "Implement tabbed navigation using Turbo Frames."
• "Set up pagination with history management for the hotel listings page."
• "Configure lazy loading for images within a frame."
• "Ensure scroll position is restored when navigating back to a previously viewed page."

Tips & gotchas

• Always update active/tab states on load or render events, not click intent.
• Maintain canonical URL state for filters and pagination to avoid confusion.
• Be deliberate with lazy loading; verify loading boundaries and observer behavior.