Skills
.Work. You
Rest

web-url-state-sync

Community

Align URL and UI state for reliable list pages.

Software Engineering#frontend#react#search#url#pagination#state-sync#query-params
Authormuddyrain
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: web-url-state-sync
Download link: https://github.com/muddyrain/valley-mas/archive/main.zip#web-url-state-sync

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.