最新の Web 開発向けの耐久性のある UI パターン - ページの読み込み、ブラウザー セッション、共有可能な URL 全体でクライアント側の状態を保持します。このスキルは、localStorage の永続性、URL クエリ パラメーターの状態、フォーム ドラフトの自動保存、マルチステップ ウィザードの永続性、クリック外部の終了、モーダル/ダイアログの背景パターン、または回復力があり適切に動作する必要があるクライアント側の状態と対話パターンを実装するときに使用します。 React、Vue、Svelte で動作します。
コマンドラインで durable-ui AI スキルを開発環境にすばやくインストール
ソース: sailscastshq/boring-stack。
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 で使用できるようになります
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui最新の 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 で使用できるようになります
https://github.com/sailscastshq/boring-stack