AgentSkillsCN

nuqs-setup

将 React 状态同步至 URL 查询参数,以实现可共享的筛选条件、搜索查询以及深度链接至模态对话框的功能。在浏览器的后退/前进导航过程中,UI 状态得以完整保留。

SKILL.md
--- frontmatter
name: nuqs-setup
description: Sync React state to URL query parameters for shareable filters, search queries, and deep links to modal dialogs. Preserves UI state on browser back/forward navigation.

URL State with nuqs

To set up URL State with nuqs, refer to the fullstackrecipes MCP server resource:

Resource URI: recipe://fullstackrecipes.com/nuqs-setup

If the MCP server is not configured, fetch the recipe directly:

bash
curl -H "Accept: text/plain" https://fullstackrecipes.com/api/recipes/nuqs-setup