idb-state-persistence
✓使用 idb 庫實現本地優先狀態持久化的 IndexedDB 模式。在實現需要跨導航和會話持久狀態的功能時使用。涵蓋數據建模、默認值、CRUD 操作、狀態管理器和重置模式。與 Web 組件集成以實現反應式 UI 更新。
SKILL.md
Local Database First: IndexedDB (IDB) is the primary source of truth for all application state. Every user interaction that changes state MUST persist to IDB immediately to survive navigation, page refreshes, and session restarts.
This architecture treats IDB as a local database, not a cache. State lives in IDB first, components read from it, and all mutations write through to IDB synchronously (no debouncing or batching by default).
Architecture: Web Components → State Manager (#cache, #listeners) → StateStore/Specialized Store → IndexedDB
使用 idb 庫實現本地優先狀態持久化的 IndexedDB 模式。在實現需要跨導航和會話持久狀態的功能時使用。涵蓋數據建模、默認值、CRUD 操作、狀態管理器和重置模式。與 Web 組件集成以實現反應式 UI 更新。 來源：matthewharwood/fantasy-phonics。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill idb-state-persistence- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 idb-state-persistence？
使用 idb 庫實現本地優先狀態持久化的 IndexedDB 模式。在實現需要跨導航和會話持久狀態的功能時使用。涵蓋數據建模、默認值、CRUD 操作、狀態管理器和重置模式。與 Web 組件集成以實現反應式 UI 更新。 來源：matthewharwood/fantasy-phonics。
如何安裝 idb-state-persistence？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/matthewharwood/fantasy-phonics --skill idb-state-persistence 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/matthewharwood/fantasy-phonics
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01