Interface Design: قواعد واجهة قابلة للتذكر للوحات والواجهات الإدارية

لمن يناسب

استخدم هذه المهارة عندما تريد أن تصبح اللوحات والتطبيقات الداخلية والأدوات والواجهات الإدارية نظام واجهة قابلاً للتكرار، لا صفحة هبوط تسويقية. تطلب تثبيت نية الواجهة أولاً ثم إبقاء الجلسات اللاحقة على القواعد نفسها بدل الارتجال في كل مرة.

الملاحظات الرسمية تضيّق النطاق: interface design، وتحديداً dashboards وapps وtools وadmin panels، وبصراحة ليست مواقع تسويق. إن كانت المهمة صفحة ترويج أو صفحة علامة أو حملة أو هبوط بيع فلا تجعل هذا المسار الرئيسي.

شرط مسبق آخر هو الصلاحيات. الملاحظات تقول إن المهارة تستخدم مجموعة صلاحيات وكيل الترميز نفسها؛ بعد التثبيت وقبل أي تغيير للواجهة افتح ملف المهارة واقرأ ما يُسمح به. الدليل لا يسمّي عملاء غير Claude Code ولا يكتب «الاستدعاء التلقائي عند الصلة» كقدرة لكل المنصات. لا تفترض أن البيئات غير المكتوبة تعمل مسبقاً.

أكمل المحاولة الأولى في 3 دقائق

الصفحة الرسمية تعترف بهذا الموضع فقط:

https://github.com/dammyjay93/interface-design

مسار التثبيت الموصى به أيضاً هذا وحده. طابق عنوان المستودع أولاً وأكّد أن هذه هي المهارة ثم نفّذ في طرفية محلية:

npx skills add https://github.com/dammyjay93/interface-design --skill interface-design

الأثر الجانبي للأمر هو تثبيت المهارة الأساسية في ~/.claude/skills/interface-design. بعده افتح ذلك المجلد وأكّد هبوط ملف المهارة ثم ادخل الحوار. إن غاب المجلد أو فشل الأمر فتوقف؛ لا تنتقل إلى مثبّت أو مجلد لم تسمِّه الملاحظات الرسمية.

في Claude Code استدعِ صراحة بـ /interface-design. في المرة الأولى افحص فقط ولا تكتب إلى القرص: اختر صفحة خلفية أو لوحة قائمة واطلب قواعد البنية والمكوّنات التي يجب أن تتمسك بها هذه الواجهة، وأي قرارات لا يجب كتابتها في ملف بعد. لا تدعه يغيّر شفرة العمل ولا ينشئ .interface-design/system.md.

إشارتا نجاح قابلتان للرصد: الحوار يذكر قواعد موجّهة إلى لوحة أو خلفية (لا صفحة تسويق)؛ ويمكنك فتح ملف المهارة المثبّت للتو في ~/.claude/skills/interface-design. إن لم تطابق إحداهما فابقَ عند التثبيت والاستدعاء؛ لا تبدأ كتابة ملفات.

حالات الاستخدام

الحالة الأولى: محاذاة نية الواجهة لخلفية إدارة قائمة. افتح admin panel أو أداة داخلية أو لوحة حقيقية، وبـ /interface-design اطلب فحص البنية الحالية كـ «بناء الواجهة بنية» — أي كتل يجب أن تبقى متسقة مع النظام وأيها لا يجب ترتيبها كسرد موقع تسويق. هذه الحالة تغطي فقط dashboards وapps وtools وadmin panels. الملاحظات لا تعرض توليد موقع كامل من الصفر ولا تعطي خطوات إعادة كتابة صفحة تسويق.

الحالة الثانية: الإبقاء على قرارات واجهة متفق عليها لتواصل الجلسة التالية. اسرد أولاً في الحوار بضع قواعد للتذكر؛ بعد تأكيد جواز الكتابة إلى القرص دع المهارة تكتب .interface-design/system.md. افتح ذلك الملف فوراً وقابل تلك القواعد. في التشغيل التالي يجب أن تعيد تحميل تلك القرارات. الملاحظات تكتب فقط الحفظ في .interface-design/system.md وreload عند التشغيل. لا تصف مشاركة متعددة المستودعات ولا دمج تعارض ولا كتابة فوق تلقائية؛ توقف عند الملف الذي يمكنك فتحه ومقابلته.

حدود الاستخدام

لا تستخدمها لمواقع التسويق. الجملة الرسمية تضع “Not for marketing sites” مباشرة بعد النطاق؛ حدّ صلب لا نصيحة أسلوب.

المهارة تشارك صلاحيات وكيل الترميز؛ اقرأ المهارة المثبّتة قبل الاستخدام. لا تدعه يغيّر المستودع أو يكتب ملف ذاكرة دون قراءة الملف.

التثبيت والاستدعاء مكتوبان فقط كـ npx skills add و~/.claude/skills/interface-design واستدعاء Claude Code التلقائي و/interface-design. لا تضف أسواقاً أو مجلدات أو عملاء غير مسمّين ولا تطبّق هذا الأمر على منصات لم تسمِّها الملاحظات.

الذاكرة مكتوبة فقط كحفظ وإعادة تحميل .interface-design/system.md. لا تفترض مخزناً ثانياً أو مزامنة فريق أو وراثة عبر المشاريع.

الملاحظات لا تعطي تغطية لغات ولا أسعاراً ولا قائمة عملاء رسمية خارج Claude Code. أبقِ غير الموثّق مجهولاً؛ لا تخترع عمليات.