نستخدم Google Analytics لإحصاءات الزيارات. لا نفعّل ملفات تعريف الارتباط التحليلية إلا بموافقتك. وفي حال عدم الموافقة، تُقدَّر الإحصاءات اعتمادًا على إشارات لا تستخدم ملفات تعريف الارتباط. سياسة ملفات تعريف الارتباط.
PDS · نظام التصميم
PDS هي لغة التصميم الخاصة بـ Protocore، استُخلصت من المنتجات التي نبنيها وصُقلت في بيئة الإنتاج. تعتمد الوضع الداكن أولًا، وتقوم على الرموز (tokens)، وموثّقة من الأول إلى الآخر — المكوّنات نفسها التي تُعرض بها منتجاتنا ولوحات عملائنا، معبّأة ليتبنّاها فريق في عصر يوم واحد.
المزايا
من العناصر الأساسية إلى تراكيب الصفحات الكاملة — 101 مكوّن، استُخلص كل منها من منتج نشحنه فعليًا ولم يُصمَّم بمعزل عنه. إذا كان المكوّن في PDS فقد أدّى عملًا حقيقيًا: هذا الموقع والعروض التجريبية للمنتجات ولوحات عملائنا كلها تُعرض بواسطته.
اللون والخط والمسافات والحركة تُستمدّ من طبقة رموز واحدة. غيّر رمزًا واحدًا فيتبعه كل مكوّن — بلا تجاوزات لكل مكوّن، وبلا تباين بين المنتجات.
سمة داكنة وأخرى فاتحة، وخمسة ألوان تمييز، وكلها تعمل بالرموز نفسها. تنويع العلامة التجارية تبديل رموز لا تفريع للشيفرة — كل منتج في العائلة يُعرض من النظام نفسه.
التباين والارتفاع واللون تُضبط أولًا على السمة الداكنة، ثم تُشتق السمة الفاتحة من الرموز نفسها. والنتيجة وضع داكن أصيل الإحساس لا معكوس.
أزرار وحقول إدخال وقوائم اختيار ومفاتيح تبديل ومنزلقات وهيكل الحقول — بما فيها التسميات والتلميحات والأخطاء. الحالات مصمَّمة مسبقًا: التركيز والتعطيل وعدم الصلاحية والتحميل تتصرف بالطريقة نفسها في كل منتج.
الأكوام والشبكات والفواصل وهياكل الصفحات تركّب الشاشات بلا CSS مرتجل. أكبر المكوّنات هي تراكيب صفحات كاملة — أنماط الواجهة الرئيسية والأقسام والتذييل مأخوذة من صفحات نشحنها.
ترويسات وتبويبات ومسارات تنقل وقوائم، مع سلوكها المتجاوب وسلوك لوحة المفاتيح مدمجَين فيها. التنقل في هذا الموقع هو المكوّن نفسه لا محاكاة له.
نوافذ مشروطة وأوراق وأدراج ونوافذ منبثقة وتلميحات على نموذج طبقات واحد — حصر التركيز والإغلاق وترتيب الطبقات تُعالج مرة واحدة مركزيًا. لا منتج يحمل حسابات z-index خاصة به.
جداول وقوائم وبطاقات إحصائية وشارات وخطوط زمنية لمنتجات تعيش على الأرقام. وحدات تحكم المشغّلين في العائلة كلها تستمد كثافتها من هذه المكوّنات.
إشعارات منبثقة ولافتات وحالات فارغة وشرائط تقدّم وهياكل تحميل — الحالات غير اللامعة مصمَّمة من البداية. المنتج المبني على PDS لديه جواب مدروس لحالات التحميل والفراغ والفشل.
سلّم طباعي تحريري مع تسميات أحادية المسافة للطابع التقني — الصوت الذي تراه في كل واجهة من واجهات Protocore. السلّم رموز، فتضبطه المنتجات دون مغادرة النظام.
المدد ومنحنيات التسارع تُشحن كرموز، والمكوّنات تستخدمها فعلًا. تتحرك الواجهات بانسجام عبر المنتجات لأن أحدًا لا يعيد ضبط توقيت الحركة يدويًا.
التباين وحالات التركيز وسلوك لوحة المفاتيح مدمجة في المكوّنات، لا متروكة للمطوّر. اعتمد الإعدادات الافتراضية تأتِك إمكانية الوصول معها.
التنسيق CSS ثابت يُحسم وقت البناء — بلا وقت تشغيل CSS-in-JS، ولا شيء يُحسب في المتصفح. طبقة التنسيق لا تضيف أي JavaScript إلى الصفحة.
يُشحن النظام أيضًا كحزمة CSS خالصة — رموز وفئات مساعدة دون الحاجة إلى React. الصفحات المولَّدة على الخادم ورسائل البريد والمنصات غير المبنية على React تستقي من مصدر الحقيقة نفسه.
تُصدَّر الرموز للويب كمتغيرات CSS وكإعداد مسبق لـ Tailwind، وبصيغ أصلية لمنصات الجوال. تعريف واحد للعلامة التجارية يُستهلك أينما يعمل المنتج.
تغلّف طبقة React التطبيقات بمزوّد وتتيح الرموز عبر الخطافات — تقرأ المكوّنات السمة ولون التمييز الحاليين بدل القيم المكتوبة صراحةً. تبديل السمات حالة لا إعادة بناء.
الآلية نفسها التي تمنح PDS خمسة ألوان تمييز تمنح منتج whitelabel علامته: بدّل قيم الرموز وأبقِ المكوّنات. كل تطبيق whitelabel في العائلة دليل على نجاحها.
خريطة مقروءة آليًا للنظام كله — مكوّنات ورموز وأنماط — منشورة بصيغة llms.txt. وجّه نموذجًا لغويًا إليها فتستخدم الشيفرة المولَّدة مكوّنات PDS الحقيقية بدل اختلاق مكوّنات تبدو معقولة.
يتيح خادم MCP النظام لوكلاء البرمجة مباشرة: المكوّنات والخصائص والرموز، قابلة للاستعلام أثناء بناء الوكيل. يجيب نظام التصميم عن الأسئلة بدل أن يُلصق في الموجِّهات.
كل مكوّن موجود على pds.protocore.io مع أمثلة حية وخصائص وشيفرة جاهزة للنسخ. تُعرض الوثائق على PDS نفسه — ما تقرؤه هو ما تشحنه.
يُشحن PDS كحزم مرقّمة بإصدارات دلالية وسجلات تغييرات. الترقية قرار مقصود: ينتقل الفريق حين يشاء، ويوضح سجل التغييرات ما تغيّر بالضبط.
تُثبَّت الحزم من سجل npm الخاص بـ Protocore برمز لكل فريق في .npmrc — سير عمل npm القياسي، مقصور على الفرق المرخّصة. لا ملفات zip مضمَّنة ولا تثبيت بالنسخ واللصق.
يُتحقَّق من مفتاح الترخيص الموقَّع محليًا — بلا اتصال بالخادم ولا فحص شبكي في عملية البناء. تظهر مشكلات الترخيص كتحذيرات وقت التطوير ولا تعطّل تطبيقًا في الإنتاج أبدًا.
PDS برمجية مملوكة ومرخَّصة لكل فريق. اطلب الوصول ونتولى إعدادك — الحزم والوثائق ومصادر الرموز — ليتبنّاه الفريق في عصر يوم واحد.
FAQ
لكل فريق، لا لكل مستخدم ولا لكل مشروع. ترخيص واحد يغطي كل من يبني بـ PDS داخل الفريق: الـ tokens والمكوّنات والوثائق. تزداد التكلفة بعدد الفرق التي تعتمده فقط، ومنتجات whitelabel التي نبنيها لك تعمل عليه أصلاً.
من الـ registry الخاص على npm.protocore.io. تتيح بيانات الاعتماد لمشروعك سحب حزم @protocore، ثم تُثبَّت الـ tokens والمكوّنات كأي dependency.
تُصدَّر الـ tokens للويب و.NET والتطبيقات الأصلية، فيعني اللون الواحد أو نصف القطر الواحد الشيء نفسه على كل منصة تُطلق عليها منتجك. تأتي المكوّنات لـ React، وتحمل طبقة CSS مستقلة عن أي إطار عمل الـ tokens والـ classes نفسها للفرق التي لا تستخدم React.
يبدأ من الوضع الداكن ويراعي سهولة الوصول افتراضياً: مظهران وخمسة ألوان تمييز، كلها مدفوعة بالـ tokens، مع CSS بلا runtime فلا تكلّف الأنماط شيئاً عند التحميل. المكوّنات نفسها تُشغّل منتجاتنا ولوحات عملائنا.
صُمّم لذلك: خريطة llms.txt وخادم MCP يتيحان للـ agents قراءة النظام والبناء به بشكل صحيح، ويضم pds.protocore.io أمثلة حيّة وprops وشيفرة جاهزة للنسخ لكل مكوّن وtoken.
الأسعار
يُرخَّص PDS لكل فريق، لا لكل مستخدم ولا لكل مشروع. ترخيص واحد يغطي كل من يبني به داخل الفريق: الـ tokens والمكوّنات والوثائق.
ابدأ بفريق واحد ثم وسّع الاستخدام إلى فرق أخرى مع نمو الاعتماد. التكلفة تحددها أعداد الفرق التي تبني على PDS، لا شيء غيرها.
منتجات whitelabel التي نبنيها لك تعمل على PDS أصلاً. الترخيص المستقل مخصص للفرق التي تعتمده في منتجاتها الخاصة.
يرتبط الترخيص بالفرق، لا بعدد الموظفين ولا بحجم الاستخدام. اطلب الوصول وسنحدد النطاق بحسب الفرق التي ستبني به.
قيّم
تصفّح النظام كاملاً على pds.protocore.io: أمثلة حيّة وprops وشيفرة جاهزة للنسخ لكل مكوّن وtoken.
تُصدَّر الـ design tokens للويب و.NET والتطبيقات الأصلية، فيعني اللون الواحد أو نصف القطر الواحد الشيء نفسه على كل منصة تُطلق عليها منتجك.
يُرخَّص PDS لكل فريق: ترخيص واحد يغطي كل من يبني به، من tokens ومكوّنات ووثائق.
بيانات اعتماد للـ registry الخاص على npm.protocore.io لتثبيت حزم @protocore التي يسحبها مشروعك.
PDS برنامج مملوك ويُرخَّص لكل فريق. اطلب الوصول وسنجهّزه لك.
كل ما سبق يعمل في عروض إنتاجية نستعرضها معك: بشكل مستقل أو whitelabel أو كمنصة واحدة. أخبرنا بما تبنيه ونريك أقصر طريق إليه.
