lucianghinda/hwc-navigation-content
skills/hwc-navigation-content/SKILL.md
Build Hotwire navigation and content-discovery flows: Turbo Frame pagination, tabbed navigation, lazy loading, faceted filtering/search, cache lifecycle, scroll restoration, and visit/render control. Prefer this skill when the core problem is request/response navigation state and browser history behavior. Use hwc-forms-validation for form validation and inline edit flows, hwc-realtime-streaming for WebSocket/Turbo Stream push updates, hwc-media-content for image/video/audio features, hwc-ux-feedback for generic loading/progress/transition polish, and hwc-stimulus-fundamentals for Stimulus APIs not centered on navigation.
$ install --global
skillsauthnpx skillsauth add lucianghinda/superpowers-ruby hwc-navigation-contentInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 25, 2026, 1:09 PM183.8s11 files scanned
SKILL.md
- name:
- hwc-navigation-content
- description:
- >-
- Build Hotwire navigation and content-discovery flows:
- Turbo Frame pagination, tabbed navigation, lazy loading, faceted filtering/search, cache lifecycle, scroll restoration, and visit/render control. Prefer this skill when the core problem is request/response navigation state and browser history behavior. Use hwc-forms-validation for form validation and inline edit flows, hwc-realtime-streaming for WebSocket/Turbo Stream push updates, hwc-media-content for image/video/audio features, hwc-ux-feedback for generic loading/progress/transition polish, and hwc-stimulus-fundamentals for Stimulus APIs not centered on navigation.
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.
- Tabbed frame navigation:
references/2023-06-20-turbo-frames-tabbed-navigation.md - Pagination + history management:
references/2023-07-04-turbo-frames-pagination.md - Lazy frame lifecycle:
references/2023-09-26-turbo-frames-lazy-loading-lifecycle.md - Scroll restoration:
references/2023-09-12-turbo-frames-scroll-position-restoration.md - Cache lifecycle cleanup:
references/2023-05-23-turbo-drive-cache-lifecycle.md - Custom render interception:
references/2023-05-09-turbo-drive-custom-rendering.md - Conditional instant click strategy:
references/2024-02-13-turbo-drive-conditional-instant-click.md - Faceted search with Stimulus:
references/2024-12-10-stimulus-turbo-frames-faceted-search.md - Markdown preview flow:
references/2024-10-08-turbo-frames-markdown-preview.md
Use references/INDEX.md for the full catalog.
Escalate to Neighbor Skills
- Form submission and validation behavior: use
hwc-forms-validation - Push-based real-time updates: use
hwc-realtime-streaming - Media-specific interaction design: use
hwc-media-content - Generic feedback/transitions and perceived-performance polish: use
hwc-ux-feedback - Non-navigation Stimulus API fundamentals: use
hwc-stimulus-fundamentals
Related Skills
lucianghinda/ruby
development
VerifiedTrustedCommunity
Use when writing, reviewing, or debugging pure Ruby code — idiomatic patterns, modern 3.x+ features (pattern matching, Data.define, endless methods), error handling conventions (raise vs fail, result objects), memoization, and performance idioms. For Rails use rails-guides. For testing use minitest. For code style use sandi-metz-rules.
317SKILL.mdUpdated Apr 25, 2026
lucianghinda/rails-guides
testing
VerifiedTrustedCommunity
Official Rails documentation. Use when asked about any Rails-specific topic including ActiveRecord, routing, controllers, views, mailers, jobs, Action Cable, Action Text, Active Storage, migrations, validations, callbacks, associations, caching, security, or internals.
316SKILL.mdUpdated Apr 25, 2026
lucianghinda/skills/ruby-upgrade
tools
VerifiedTrustedCommunity
--- name: ruby-upgrade description: Use when upgrading the Ruby interpreter version of a Bundler/Rails app — especially "upgrade to Ruby 4", "bump Ruby to 4.0", "audit Ruby 4 compatibility", "what breaks on Ruby 4", or a specific target like "Ruby 4.0.5". Triggers on Ruby-major risk symptoms: CGI.parse/CGI::Cookie removal, Net::HTTP implicit Content-Type dropped, demoted default gems (ostruct/logger/benchmark/irb), SortedSet, Set#inspect changes, native-extension recompile crashes, openssl 4 pin
306SKILL.mdUpdated May 29, 2026
lucianghinda/consulting-an-oracle
development
VerifiedTrustedCommunity
Use when stuck after multiple debug attempts and want to escalate to a stronger one-shot model (GPT-5 Pro, Opus, Gemini Pro) — packages a self-contained "oracle prompt" with Ruby/Rails project briefing, verbatim error, what-was-tried, constraints, and just-enough attached files. Triggers include "ask the oracle", "write a letter to GPT-5", "I'm stuck, draft a prompt for another model", "/tmp/letter.md".
306SKILL.mdUpdated May 9, 2026