Zustand

frontend-patterns 是一個實用的 React 與 Next.js 前端開發技能，能幫助你為元件、狀態、表單、路由、無障礙與效能挑選可維護的模式。當你需要清楚的實作指引與模式選擇，而不只是泛泛的最佳實務時，適合使用 frontend-patterns 指南。

click-path-audit 技能可協助沿著每一次狀態變更追蹤 UI handlers，找出重構後或 code review 時容易漏掉的流程 bug、共享狀態衝突，以及最終狀態不一致等問題。

react-state-management 是一項實用技能，能依據狀態類型、應用規模與遷移需求，協助選擇並使用 Redux Toolkit、Zustand、Jotai、React Query、SWR 與 RTK Query 等 React 狀態工具。

zustand-store-ts 是一個以 TypeScript 為重點的 Zustand 技能，用來建立具型別的 store，支援 `subscribeWithSelector`、分離 state/actions，以及以 selector 為基礎的使用方式。當你需要可預測的共享狀態、更清楚的 store 邊界，以及可重複套用於 React app 的 zustand-store-ts 指南時，它很適合用於前端開發。

react-flow-node-ts 是一個實用的起步技能，適合用 TypeScript 建立自訂 React Flow 節點，包含型別化的節點資料、handles，以及以 Zustand 為基礎的更新流程。當你需要一份可重複使用的 react-flow-node-ts 指南，用於工作流程編輯器、視覺化建構器或以畫布為核心的 UI 時，這個技能很適合用在 Frontend Development。

react-web 是一套 React 前端工作流程指南，適合用 hooks、React Query 與 Zustand 來開發元件與頁面。這個 react-web 技能強調先寫測試、清楚的檔案順序，以及在元件密集型 React 網頁開發中的實務做法。