durable-ui

Durable UI is the practice of making client-side state and interactions resilient. State should survive page reloads, browser sessions, and — where appropriate — be shareable via URL. Interactive elements like dropdowns and modals should be dismissable in the ways users expect (click outside, Escape, backdrop click). Multi-step flows should never lose progress. Durable UI fills the gap for UI preferences, navigati...

Read individual rule files for detailed explanations and code examples:

適用於現代 Web 開發的持久性 UI 模式 — 在頁面載入、瀏覽器會話和可共用 URL 之間保持用戶端狀態。在實現 localStorage 持久性、URL 查詢參數狀態、表單草稿自動儲存、多步驟精靈持久性、點擊外部解除、模式/對話方塊背景模式或任何應具有彈性且行為良好的用戶端狀態和互動模式時，請使用此技能。可與 React、Vue 和 Svelte 搭配使用。 來源：sailscastshq/boring-stack。

開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用