Skills
.Work. You
Rest

manage-client-state

Community

Type-safe client state, globally & URL-synced.

Software Engineering#localstorage#type-safety#client-state#nuqs#url-state#useswrimmutable
Authornayukata
Version1.0.0
Installs0

System Documentation

What problem does it solve?

クライアントサイドの UI 状態をグローバルと URL 状態で型安全に管理します。サイドバーの開閉、テーマ、モーダル表示、ページネーション、検索・フィルターなどのワークフローを統合します。

Core Features & Use Cases

  • グローバル UI 状態の管理: useSWRImmutable を用いたサイドバー、テーマ、モーダルの同期
  • URL 状態の同期: nuqs を用いたページネーション、検索、フィルター、タブの型安全な URL 管理
  • LocalStorage 永続化: 初期値と変更時のローカルストレージ同期
  • 実用シナリオ: サイドバーの開閉、テーマ変更、URL に状態を保存することでページ再訪問時の一貫性を確保

Quick Start

Begin by wiring your UI to use useSWRImmutable for global state and nuqs for URL state, and add localStorage persistence as needed.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: manage-client-state
Download link: https://github.com/nayukata/notify-patch-notes/archive/main.zip#manage-client-state

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 223,000+ vetted skills library on demand.