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 中使用