·durable-ui
*

durable-ui

Langlebige UI-Muster für die moderne Webentwicklung – Beibehaltung des clientseitigen Zustands über Seitenladevorgänge, Browsersitzungen und gemeinsam nutzbare URLs hinweg. Verwenden Sie diese Fertigkeit bei der Implementierung von LocalStorage-Persistenz, URL-Abfrageparameterstatus, automatischer Speicherung von Formularentwürfen, mehrstufiger Assistentenpersistenz, Klick-außerhalb-Entlassung, modalen/dialogen Hintergrundmustern oder anderen clientseitigen Status- und Interaktionsmustern, die belastbar und gut verhalten sein sollten. Funktioniert mit React, Vue und Svelte.

13Installationen·1Trend·@sailscastshq

Installation

$npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui

So installieren Sie durable-ui

Installieren Sie den KI-Skill durable-ui schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: 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:

Langlebige UI-Muster für die moderne Webentwicklung – Beibehaltung des clientseitigen Zustands über Seitenladevorgänge, Browsersitzungen und gemeinsam nutzbare URLs hinweg. Verwenden Sie diese Fertigkeit bei der Implementierung von LocalStorage-Persistenz, URL-Abfrageparameterstatus, automatischer Speicherung von Formularentwürfen, mehrstufiger Assistentenpersistenz, Klick-außerhalb-Entlassung, modalen/dialogen Hintergrundmustern oder anderen clientseitigen Status- und Interaktionsmustern, die belastbar und gut verhalten sein sollten. Funktioniert mit React, Vue und Svelte. Quelle: sailscastshq/boring-stack.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-22
Aktualisiert
2026-03-10

Browse more skills from sailscastshq/boring-stack

Schnelle Antworten

Was ist durable-ui?

Langlebige UI-Muster für die moderne Webentwicklung – Beibehaltung des clientseitigen Zustands über Seitenladevorgänge, Browsersitzungen und gemeinsam nutzbare URLs hinweg. Verwenden Sie diese Fertigkeit bei der Implementierung von LocalStorage-Persistenz, URL-Abfrageparameterstatus, automatischer Speicherung von Formularentwürfen, mehrstufiger Assistentenpersistenz, Klick-außerhalb-Entlassung, modalen/dialogen Hintergrundmustern oder anderen clientseitigen Status- und Interaktionsmustern, die belastbar und gut verhalten sein sollten. Funktioniert mit React, Vue und Svelte. Quelle: sailscastshq/boring-stack.

Wie installiere ich durable-ui?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/sailscastshq/boring-stack