skills.rest
muddyrain
muddyrainCOMMUNITY
Explore all skills by this author →
GitHub

web-url-state-sync

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
One-click install
npx skills add https://github.com/muddyrain/valley-mas --skill web-url-state-sync
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
congiuluccongiuluc

state-management

Coordinates React local, TanStack Query server, and URL state management patterns.

Community
Intermediate
iBz-04iBz-04
63

one-actions

Execute authenticated One CLI API actions against connected third-party platforms.

Community
Intermediate
swyxioswyxio
154

sync-url-navigation

Sync URL query parameters with navigation, tab, and filter state.

Community
Intermediate
ionmidoriionmidori

modern-state-management

Implement TanStack Query and Zustand state management patterns in Next.js applications.

Community
Intermediate