Hwc Navigation Content
This handles Turbo Drive and Turbo Frame navigation patterns: tabbed interfaces, pagination with history management, lazy loading, faceted search, and cache lifecycle cleanup. It's your go-to when you need request/response flows that respect browser history and URL state without breaking the back button. The workflow is solid, it pushes you to think about URL ownership and scroll restoration upfront, and the reference docs cover specific scenarios like markdown preview and conditional instant clicks. One caveat: it deliberately excludes form validation and real-time streaming, so you'll need to combine it with other skills for anything beyond basic navigation state.
- skills.sh installs
- 223
- GitHub stars
- 153
- last updated
- Aug 21, 2026
Install
$ npx -y skills add thehotwireclub/hotwire_club-skills --skill hwc-navigation-content --agent claude-codeInstalls into .claude/skills of the current project.
Files
Navigation & Content Display
Implement navigation and content-discovery behavior with Turbo Drive and Turbo Frames.
Core Workflow
- Classify navigation mode: tabs, pagination, lazy frame loading, faceted search, or custom render/cache lifecycle.
- Decide URL and history ownership first (
data-turbo-action, framesrc, query params, back/forward behavior). - Use frame lifecycle and visit events to update active state, request params, and scroll restoration.
- Clean transient UI state before Turbo cache snapshots.
- Validate behavior across forward/back navigation and refresh paths.
Guardrails
- Update active/tab state on load/render events, not click intent events.
- Keep URL state canonical for filters and pagination.
- Avoid leaving transient UI artifacts in cache snapshots.
- Use lazy loading deliberately; verify loading boundaries and observer behavior.
Load References Selectively
Open only the file needed for the current request.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/thehotwireclub/hotwire_club-skills
- Categories
- Backend & APIs, DevOps & CI/CD, Automation & Workflows, Sales & Marketing, Design & UI/UX
- First seen
- Jun 3, 2026
More from thehotwireclub/hotwire_club-skills
All 6Recommended
More Backend & APIs
fal-platformfal-ai-community/skillsfal.ai Platform APIs for model management, pricing, usage tracking, and cost estimation. Use when user asks "show pricing", "check usage", "estimate cost", "set221skills.sh installs
tiny-vue-skillopentiny/agent-skills当使用 TinyVue 组件库(@opentiny/vue)进行开发时或者配置 TinyVue 工程的国际化，主题配置，表单校验说明，自动导入组件等，一定要阅读本技能。本技能提供严格的 API 文档和示例，以及如何查找流程以及代码规范。221skills.sh installs
alicloud-platform-openclaw-setup-testcinience/alicloud-skillsMinimal smoke test for OpenClaw setup skill. Validate official channel discovery workflow, DingTalk/Feishu integrations, Discord token configuration, and gatewa219skills.sh installs
schema-builderget-convex/convex-agent-pluginsDesign and generate Convex database schemas with proper validation, indexes, and relationships. Use when creating schema.ts or modifying table definitions.219skills.sh installs
nocobase-publish-managenocobase/skillsUse when users need NocoBase backup restore or migration publish operations through nb api backup and nb api migration commands.219skills.sh installs
react-adminmarmelab/react-adminThis skill should be used when building, modifying, or debugging a react-admin application — including creating resources, lists, forms, data fetching, authenti218skills.sh installs