·durable-ui

أنماط واجهة مستخدم متينة لتطوير الويب الحديث - حالة مستمرة من جانب العميل عبر عمليات تحميل الصفحات وجلسات المتصفح وعناوين URL القابلة للمشاركة. استخدم هذه المهارة عند تنفيذ استمرار التخزين المحلي، أو حالة معلمة استعلام URL، أو الحفظ التلقائي لمسودة النموذج، أو استمرار المعالج متعدد الخطوات، أو رفض النقر الخارجي، أو أنماط الخلفية المشروطة/مربع الحوار، أو أي حالة من جانب العميل ونمط التفاعل الذي يجب أن يكون مرنًا وحسن التصرف. يعمل مع React وVue وSvelte.

13التثبيتات·1الرائج·@sailscastshq

التثبيت

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

كيفية تثبيت durable-ui

ثبّت مهارة الذكاء الاصطناعي durable-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: 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:

أنماط واجهة مستخدم متينة لتطوير الويب الحديث - حالة مستمرة من جانب العميل عبر عمليات تحميل الصفحات وجلسات المتصفح وعناوين URL القابلة للمشاركة. استخدم هذه المهارة عند تنفيذ استمرار التخزين المحلي، أو حالة معلمة استعلام URL، أو الحفظ التلقائي لمسودة النموذج، أو استمرار المعالج متعدد الخطوات، أو رفض النقر الخارجي، أو أنماط الخلفية المشروطة/مربع الحوار، أو أي حالة من جانب العميل ونمط التفاعل الذي يجب أن يكون مرنًا وحسن التصرف. يعمل مع React وVue وSvelte. المصدر: sailscastshq/boring-stack.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-22
آخر تحديث
2026-03-11

Browse more skills from sailscastshq/boring-stack

إجابات سريعة

ما هي durable-ui؟

أنماط واجهة مستخدم متينة لتطوير الويب الحديث - حالة مستمرة من جانب العميل عبر عمليات تحميل الصفحات وجلسات المتصفح وعناوين URL القابلة للمشاركة. استخدم هذه المهارة عند تنفيذ استمرار التخزين المحلي، أو حالة معلمة استعلام URL، أو الحفظ التلقائي لمسودة النموذج، أو استمرار المعالج متعدد الخطوات، أو رفض النقر الخارجي، أو أنماط الخلفية المشروطة/مربع الحوار، أو أي حالة من جانب العميل ونمط التفاعل الذي يجب أن يكون مرنًا وحسن التصرف. يعمل مع React وVue وSvelte. المصدر: sailscastshq/boring-stack.

كيف أثبّت durable-ui؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

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

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-22