OpenDesigner: بناء نظام تصميم للمشروع عبر بضعة إجابات

لمن يناسب هذا

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

هذه إضافة فوق أدوات الذكاء الاصطناعي التي تستخدمها بالفعل. الغرض منها تحويل أذواق يصعب شرحها إلى ملفات يستطيع الشيفرة استهلاكها مباشرة، بدل أن تفتح برنامج تصميم آخر. وهي مشروع مفتوح المصدر مجاني برخصة MIT، ولا تستبدل المحرّر الذي تعمل به، بل تضيف إليه طبقة من القدرات. كل من مستعد للإجابة عن بضعة أسئلة قصيرة، وقبول كتابة النتائج داخل مجلد المشروع، ومراجعتها مرة أخرى قبل الدمج، هو مرشّح مناسب لتجربتها مرة واحدة. ومن استلم للتو شيفرة كتبها غيره ويريد أن يلمس نغمة المشروع البصرية أولًا يمكنه استخدامها لجولة استطلاع سريعة.

تجربة أولى في 3 دقائق

تحقّق أولًا من المتطلب السابق: وجود Python 3.10 أو أحدث على الجهاز. المحرك ملف Python واحد، ولا حاجة إلى تثبيت أي اعتمادية.

الخطوة الأولى، ثبّت المهارة. المسار الموصى به هو سوق إضافات Claude Code: اكتب في المحادثة /plugin marketplace add ckryptickunal/OpenDesigner ثم اضغط Enter، وبعدها اكتب /plugin install opendesigner@opendesigner.

الخطوة الثانية، تعرّف على موضع التثبيت. الأدوات التي تدعم Agent Plugins تقرأ ملف plugin.json في الجذر، بينما العملاء الذين يقرأون المهارات يعتمدون على مجلد .agents/skills/؛ أما العملاء الذين لا يمرون عبر سوق الإضافات فيلزمك نسخ المهارة يدويًا إلى .agents/skills/ داخل مشروعك.

الخطوة الثالثة، شغّل مهمة منخفضة المخاطر. افتح مشروعك، وقل في المحادثة Create a design system for this project.، عندها سيطرح عليك خمسة أسئلة قصيرة كحد أقصى، مع إجابة مقترحة ومبرر لكل سؤال؛ يكفي أن تؤكدها أو تعيد صياغتها. في المرة الأولى، يُفضّل أن تشغّله في مجلد نظيف أو أن تنشئ فرعًا أولًا، كي لا تختلط الرموز المولّدة مع الشيفرة القائمة.

الخطوة الرابعة، اتفق مسبقًا على الآثار الجانبية ونقاط التأكيد. سيكتب المحرك نتائجه في DESIGN.md وPRODUCT.md ومجلد opendesigner/، الذي يضم الرموز وتصديرات مختلفة وصفحة نظرة عامة. فالكتابة على القرص تعيد كتابة محتوى المستودع مباشرة، فأنشئ فرعًا أو ارفع commit قبل ذلك، ودع المحرك يكتب بعد أن تؤكد الإجابات.

الخطوة الخامسة، راقب إشارات النجاح القابلة للملاحظة. ستظهر المخرجات الثلاثة أعلاه في المشروع، ولا ترصد مرحلة الفحص الذاتي أي خطأ: يُتحقق من تباين النص وفق WCAG 2.2 AA، وتكون أهداف النقر بحجم 24 px على الأقل، ويكون تركيز لوحة المفاتيح ظاهرًا، ويُعالَج تفضيل تقليل الحركة. وأي خطأ يوقف البناء.

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

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

الحالة الثانية، أعد استخدام المهارة نفسها في عميل لا يملك سوق إضافات. انسخ المهارة إلى مجلد .agents/skills/ داخل المشروع، ثم اطلب كما اعتدت في المحادثة توليد نظام تصميم وأجب عن الأسئلة؛ فتكون المخرجات وقواعد الفحص الذاتي مطابقة تمامًا للحالة الأولى. وإذا كان في المشروع أصلًا اصطلاح لتسمية الرموز، فأكد قبل النسخ أن مخططي التسمية لا يتعارضان. ويذكر التوثيق الرسمي فقط أن هؤلاء العملاء يقرأون المهارات من ذلك المجلد، دون أن يشرح كيفية التحديث بعد النسخ، ودون أن يقدّم خطوات اعتمادية أو ضبط إضافية.

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

الشرط الملزم للمحرك واحد فقط: Python 3.10 أو أحدث، ولا يُثبَّت شيء عدا ذلك. وطرق التثبيت أيضًا محصورة في ما يوثّقه المشروع رسميًا: خارج سوق الإضافات يجب نسخ المهارة يدويًا، والمشروع لا يوفّر أي أمر تحديث تلقائي أو تحقق لهذا المسار اليدوي. وهو أثناء التشغيل يعيد كتابة ملفات المشروع مباشرة، فجهّز فرعًا أو commit قبل البدء. والفحص الذاتي المدمج حاجز قاطع: التباين الأقل من WCAG 2.2 AA، أو أهداف النقر دون 24 px، أو تركيز لوحة مفاتيح غير ظاهر، أو عدم معالجة تفضيل تقليل الحركة، كلها توقف البناء؛ وهو لن يصلحها نيابةً عنك، فعليك التصحيح ثم إعادة التشغيل. وقاعدة الأسئلة الخمسة أنها قابلة للإجابة بإيجاز؛ فعند تداخل قواعد عمل معقدة لا يستطيع المحرك أن يحكم. كما أن نظام التصميم ليس ناتجًا نهائيًا: الرموز والمستندات تبقى في المستودع، ولم يوضّح التوثيق الرسمي كيف تُدمج مع مكتبة مكوّنات قائمة ولا إن كانت ستُدرَج في إدارة الإصدارات، وعليك أنت أن تقرّر ذلك. المستودع: <https://github.com/ckryptickunal/OpenDesigner >.