تفتح أداة ذكاء اصطناعي، فتطالعك الخانة الفارغة، وتضيع منك بضع دقائق على سؤال واحد: كيف أكتب الطلب أصلاً؟ هنا مصدران يوفران عليك هذا الوقت: الأول مكتبة ضخمة من البرومبتات الجاهزة تغطي كل مجال تقريباً، والثاني حزمة مهارات (Skills) تُعلّم وكيل البرمجة أن يصمم واجهات ويب بذوق بدل أن يكرر القالب نفسه في كل مرة. سميناها «خزنة الصنّاع». احفظها في المفضلة، ثم عد إليها كل أسبوع.
أولاً: prompts.chat، مكتبة البرومبتات التي بدأت بملف نصي
كانت البداية في 5 ديسمبر 2022، بعد أسبوعين فقط من إطلاق ChatGPT، وباسم «Awesome ChatGPT Prompts». صاحب المشروع (@f على GitHub) أراد مكاناً واحداً يخزّن فيه برومبتاته الخاصة، فقد كان ChatGPT وقتها بلا سجل للمحادثات، ولم يكن أمامه مكان آخر يحفظها فيه. ومرّ الوقت، وصار الموقع prompts.chat أكبر مكتبة برومبتات مفتوحة المصدر، ويتخطى مستودعه 140 ألف نجمة على GitHub بحسب صفحة المشروع.
ما الموجود داخلها؟
- برومبتات مقسمة حسب المجال: كتابة، تسويق، برمجة، تعليم، تحليل بيانات، وأعمال يومية، والمجتمع يضيف إليها طوال الوقت.
- أسلوب «تصرّف كأنك…» (Act as) الذي اشتهرت به المكتبة: تعطي النموذج دوراً واضحاً فيجيبك بخبرة صاحب هذا الدور.
- روتينات جاهزة أيضاً: تعرض الصفحة الرئيسية الآن مساعداً يرد على تقييمات نشاطك المحلي وآخر يفرز تقارير الثغرات، وبعض هذه الروتينات يعمل بجدولة وبعضها عند وقوع حدث معين.
- «الكتاب التفاعلي للبرومبت»، وهو مجاني ويضم أكثر من 29 فصلاً: تبدأ من الأساسيات وتصل إلى التفكير المتسلسل والأمثلة القليلة ووكلاء الذكاء الاصطناعي.
- ربط مع أدوات عملك: أمر
npx prompts.chat، وإضافة لـ Claude Code، وخادم MCP تقرأ منه أدوات الذكاء الاصطناعي المكتبة مباشرة. - استضافة ذاتية، لو أردت مكتبة خاصة بشركتك، بهويتها وصلاحياتها.
الترخيص
البرومبتات والبيانات منشورة بترخيص CC0 (ملكية عامة)، أي بلا شروط وبلا إلزام بذكر المصدر، أما شيفرة الموقع نفسها فبترخيص MIT. عملياً، انسخ أي برومبت وعدّل فيه كما تشاء واستخدمه في عملك التجاري دون استئذان.
نصيحة عملية: لا تلصق البرومبت كما وجدته، بل غيّر الأدوار والأمثلة لتناسب سياق شركتك، وحدّد صيغة الإخراج التي تريدها (جدول أو قائمة أو JSON)، ثم احتفظ بنسختك المعدّلة في مكتبتك الخاصة.
برومبت جيد في أربعة أسطر
- الدور: من الشخص الذي سيتقمصه النموذج؟ (محرر، مراجع أمني، مدير منتج).
- السياق: ما الموقف، ومن الجمهور، وإلى أين تريد أن تصل؟
- المهمة: المطلوب بالضبط، بجملة واضحة.
- الصيغة والقيود: الطول والنبرة واللغة، وكل ما يجب أن يبتعد عنه.
ثانياً: مهارات تصميم الويب، كيف تمنع وكيلك من تصميم «موقع الذكاء الاصطناعي المعتاد»
المهارة (Skill) مجلد بسيط فيه ملف تعليمات اسمه SKILL.md، يقرؤه وكيل البرمجة حين تحتاج المهمة إليه فيتغير أسلوب تصرفه. وفي التصميم بالذات، كثيراً ما تكون المهارة هي الفارق بين صفحة «مقبولة لكنها تشبه كل صفحة» وصفحة لها شخصية. المقارنات الحديثة تقسّم المهارات حسب المهمة. اختر منها ما يسد الثغرة عندك أنت، لا الأشهر بين الناس.
| المهمة | المهارة | ما الذي تفعله |
|---|---|---|
| تحديد الاتجاه | frontend-design (من Anthropic) | تُلزم الوكيل بخطة تصميم قبل أي سطر شيفرة: ألوان مسماة، وخطوط، وتخطيط، وعنصر مميز واحد، وتمنع الخطوط الافتراضية المكررة. |
| الذوق والنقد | Impeccable و Taste Skill | تمنحان الوكيل حساً تصميمياً ومفردات للنقد، وفي Taste Skill ثلاثة مؤشرات تتحكم في المخاطرة والحركة والكثافة. |
| نظام التصميم | UI/UX Pro Max | تولّد لوحة ألوان وخطوطاً وقواعد على مقاس نوع منتجك، سواء كان تطبيقاً أو لوحة تحكم أو صفحة هبوط. |
| استخراج مرجع | SkillUI و clone-study | تفكّك موقعاً أعجبك وتسحب منه الألوان والمسافات وسلوك الحركة إلى ملف يستطيع الوكيل قراءته. |
| مراجعة الجودة | web-design-guidelines و React Best Practices (من Vercel) | تراجع شيفرتك على أكثر من 100 قاعدة تخص إمكانية الوصول وتجربة الاستخدام، إضافة إلى 57 قاعدة لأداء React. |
| التحقق البصري | مهارات Playwright مثل webapp-testing | يلتقط الوكيل لقطة شاشة لما أنجزه ثم يصلح بنفسه ما يبدو له خاطئاً. |
أيّها تحتاج؟
- مخرجاتك عامة وتشبه المعتاد؟ ابدأ بـ frontend-design.
- إن كانت مخرجاتك جيدة لكنها متطابقة بين مشاريعك، أضف مهارة ذوق.
- مشروع جديد بلا نظام تصميم؟ جرّب UI/UX Pro Max.
- تريد أن يسير موقعك على أسلوب معين؟ شغّل SkillUI على موقع يملك هذا الأسلوب، واعتمد ألوانه ومسافاته كقيود.
- وقبل النشر للمستخدمين، أضف مراجعة إمكانية الوصول وفحصاً بصرياً بـ Playwright.
هكذا يثبّت الدليل المقارن مهارة تحديد الاتجاه في Claude Code:
/plugin install frontend-design@claude-plugins-officialقاعدة التكوين: مهارة واحدة لكل مهمة. إن كدّست مهارتين تسدّان الفجوة نفسها امتلأت ملفاتك بنصائح يناقض بعضها بعضاً. وإياك أن تثبّت مهارة من مصدر لا تعرفه، فهي تعليمات سيلتزم بها الوكيل حرفياً، ولهذا اقرأها بالعناية نفسها التي تقرأ بها أي شيفرة.
كيف تجمع الاثنين؟
هذا هو الترتيب الذي نقترحه: صُغ طلبك بدقة مستعيناً بمكتبة البرومبتات، ثم دع مهارة التصميم تتحكم في الشكل، وأنهِ بفحص بصري وفحص لإمكانية الوصول. هكذا تنتقل من فكرة غامضة إلى صفحة مدروسة في جلسة واحدة. وإذا كنت تبني موقعاً أو منتجاً بالذكاء الاصطناعي، أدرجه في دليل وكلاء الذكاء الاصطناعي ليجده من يبحث عن أدوات مشابهة.
