web-url-state-sync

Name: web-url-state-sync
Availability: InStock
Author: muddyrain

Synchronize keyword and page filters with URL query parameters on Valley MAS list pages.

1|Updated Feb 28, 2026

Search Tags:#frontend #react #search #url #pagination #state-sync #query-params

Ready to run

npx skills add https://github.com/muddyrain/valley-mas --skill web-url-state-sync

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-url-state-sync
Source: https://github.com/muddyrain/valley-mas/tree/main/.codex/skills/web-url-state-sync
Command: npx skills add https://github.com/muddyrain/valley-mas --skill web-url-state-sync

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Valley MAS web list pages often lose filter state on refresh or when navigating back/forward. This skill ensures keyword/page filters are reflected in the URL, enabling shareable links and stable back/forward behavior.

Core Features & Use Cases

Derives request conditions from URL to ensure consistency between UI state and URL parameters.
Resets page to 1 on keyword changes and preserves other parameters during navigation or pagination.
Supports clear and retry flows with URL-driven updates for pages like blogs, resources, creators, notifications.

Quick Start

Configure your list pages to derive filters from the URL and keep keyword/page in sync with the UI state.

Frequently Asked Questions about web-url-state-sync

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I sync React URL query params with search and pagination state?▼

Synchronizing URL query params with UI state keeps keyword and page filters aligned, enabling shareable links and reliable back/forward behavior for list pages.

Why does web list page state disappear on refresh or browser back navigation?▼

List page state disappears because filters are stored in memory only. Deriving request conditions directly from the URL query parameters ensures consistency and restores state during navigation.

How do I reset page to 1 on keyword search changes while preserving other URL parameters?▼

Resetting page to 1 on keyword changes is handled automatically by updating the URL query parameters, which preserves other active parameters while maintaining stable search behavior.

What is the best way to make Valley MAS blog and resource list URLs shareable?▼

To make Valley MAS list URLs shareable, enforce URL-driven requests that reflect keyword and page filters in the query parameters, ensuring the exact view loads for anyone.

Can I retry failed list page requests without a full page refresh?▼

Yes, failed requests prioritize no-refresh retries by leveraging URL-driven updates, ensuring filter state remains intact while attempting to recover the list data seamlessly.

Does URL state synchronization work for all Valley MAS web list pages?▼

Yes, URL state synchronization applies to all Valley MAS web list pages with search and pagination, including blogs, resources, creators, and notifications.