Persist UI filter state across URL search params and sessionStorage.
npx skills add https://github.com/Swear4/agent_rules --skill persistent-filter
Please help me install this Agent Skill. Skill: persistent-filter Source: https://github.com/Swear4/agent_rules/tree/main/agent-universal/skills/persistent-filter Command: npx skills add https://github.com/Swear4/agent_rules --skill persistent-filter
Automatically persisting UI filter state across the URL and sessionStorage eliminates manual re-entry and keeps filters consistent when users navigate, share links, or refresh pages.
Implement a usePersistentFilter hook and replace your filter state with it so every filter persists in the URL and sessionStorage.
High-intent search queries and answers about installing and using this skill.
To persist UI filter state in React, implement a reusable usePersistentFilter hook that syncs dropdowns and search inputs to URL search params and sessionStorage. This ensures filter consistency across browser navigation, page refreshes, and shared links.
Dashboard filters reset on refresh because the UI state is not synced to the URL or sessionStorage. By mirroring filter values to URL search params and sessionStorage, per-tab memory is maintained and users avoid manual re-entry when navigating back.
Yes, the persistent filter hook works with date pickers and status selectors. It is designed to support common UI controls including dropdowns, toggles, and search fields across dashboards and data views using a single reusable hook implementation.
The best way to sync URL search params with React hooks is using a usePersistentFilter hook that automatically updates the URL during filter changes. This enables shareable links and handles default-value cleanup to prevent stale data across tabs.
Handle default-value cleanup in URL filter persistence by using a usePersistentFilter hook that removes default parameters from the URL search params. This prevents cluttered URLs and ensures sessionStorage does not retain stale data across different tabs.
ScavieFaeDetect the host platform, install dependencies, and configure Dolphin, Slippi, and Phillip.
feed-mobExtract URL query parameters from CSV files into new columns.
zuzu59Prescribe Zustand, TanStack Form, Router URL state, and Convex data access patterns.
botPhUSelect and implement React state management patterns across Zustand, Redux Toolkit, Jotai, and TanStack Query.
