تحتاج هوية مشروعك إلى أكثر من صورة جميلة: شعار واضح عند التصغير، ونسخة تعمل على خلفية داكنة، وأيقونة للمتصفح، وملفات تستطيع تعديلها لاحقًا. يقدّم الفيديو المرفق Logo Design Skill من خلال تجربة هوية «أنور پآي».
المشروع مهارة لوكلاء الذكاء الاصطناعي، تنظّم العمل من وصف المشروع إلى اقتراح اتجاهات للشعار ثم تجهيز ملفات الهوية. شرح الخطوات هنا مبني على مستودعها، أما مثال النتيجة فمن حزمة الهوية التي شاركها صاحب الموقع. لا نقدّم هذا المقال بوصفه اختبارًا مستقلًا لتوليد الشعارات بالمهارة.
لمن هذا؟
لصاحب مشروع يريد بداية منظّمة لشعاره، أو مطوّر يستخدم مساعدًا برمجيًا ويريد تجهيز ملفات الهوية إلى جانب الموقع. ستحتاج معرفة بسيطة بملفات جهازك وبالمساعد الذي تستخدمه، وقد تحتاج الطرفية إذا اخترت التثبيت اليدوي أو تشغيل أدوات التصدير.
الميزة المفيدة أن المهارة تطلب من الوكيل عرض أفكار ومراجعتها معك قبل تجهيز الحزمة الكاملة. لا يلزم أن تعرف كيف ترسم الشعار يدويًا، لكن عليك اختيار الاتجاه وتقييم ملاءمته لجمهورك. ولمشروع كبير أو علامة تجارية حساسة، تبقى مراجعة مصمم متخصص والبحث القانوني مهمتين.
ماذا ستحتاج؟
مساعدًا يدعم Agent Skills، أي مجلدات تعليمات وأدوات يستطيع الوكيل تحميلها عند الحاجة. يوثّق المشروع التثبيت على Claude Code، ومسارات لعملاء آخرين مثل Codex CLI وGemini CLI.
وصفًا للمشروع: الاسم بتهجئته الدقيقة، ونشاطه، والجمهور، والمكان الذي سيظهر فيه الشعار، وما تريد تجنّبه.
نموذجًا يستطيع رؤية الصور، إن أمكن. توصي الوثائق بذلك لأن الوكيل يفترض أن يعاين مسوداته بعد تحويلها إلى صور، لا أن يكتفي بكتابة كود الرسم.
Python 3.8 أو أحدث عند تشغيل الأدوات المرفقة مباشرة. تعتمد الأدوات الأساسية على مكتبة Python القياسية، لكن إخراج PNG وICO يحتاج محرك رسم متاحًا، مثل CairoSVG أو Inkscape أو متصفح مبني على Chromium، وفق توثيق المشروع.
المهارة مفتوحة المصدر، لكن استخدام المساعد أو النموذج قد يتطلب اشتراكًا أو استهلاكًا مدفوعًا. وإذا كانت تفاصيل العلامة سرية، فلا ترسلها إلى خدمة خارجية قبل مراجعة سياسة البيانات الخاصة بها.
النتيجة النهائية (صورة)
تعرض اللوحة التالية جزءًا من حزمة هوية «أنور پآي»: الشعار والاسم العربي، ونسخة على خلفية داكنة، ومعاينات للأيقونة بأحجام صغيرة.
هذه لوحة فعلية من الملفات المقدمة، وليست صورة أنشأناها لتقليد نتيجة. وهي توضح لماذا نحتاج أكثر من مقاس للشعار: الرسم التفصيلي قد يحتاج نسخة مبسطة عندما يصبح أيقونة صغيرة.
يمكنك الاطلاع على مجلد هوية أنور پآي لفهم تنظيم الملفات. المثال للتعلّم من طريقة التسليم، وليس لإعادة استخدام شعار الموقع لهوية مشروع آخر.
خطوات 1-2-3
1. أضف المهارة واكتب وصفًا يمكن العمل عليه
في Claude Code، يوثّق المشروع هذين الأمرين داخل واجهة العميل:
/plugin marketplace add kaankiziltug/logo-design-skill
/plugin install logo-design@logo-design-skill
بعد التثبيت، ابدأ جلسة جديدة واطلب تصميم شعار. وللتثبيت اليدوي أو استخدام عميل آخر، اتبع مساراته في README؛ لا تفترض أن مجلد مهارات Claude Code هو نفسه مجلد Codex أو Gemini CLI.
يمكن أن تبدأ بطلب تعليمي مثل:
استخدم مهارة logo-design لتصميم شعار لمشروع تعليمي عربي اسمه «مسار».
الجمهور مبتدئون يتعلمون البرمجة. أريد طابعًا واضحًا وودودًا،
واستخدامًا في رأس الموقع وأيقونة المتصفح.
تجنب المصباح والدماغ والروبوت. اعرض ثلاثة اتجاهات مختلفة،
واشرح فكرة كل اتجاه، ثم انتظر اختياري قبل إعداد الحزمة.
هذا طلب مقترح، وليس سجل تجربة نفذناها. كلما كان النشاط والجمهور والاستخدام واضحًا، أصبح لديك أساس أفضل للحكم على المقترحات بدل الاختيار باللون وحده.
2. راجع الأفكار قبل الموافقة على الحزمة
تصف الوثائق سير عمل يبدأ بالبحث في الفئة، ثم كتابة أفكار قصيرة واختيار ثلاثة اتجاهات مختلفة لبنائها بصيغة SVG، وهي رسومات متجهية يمكن تكبيرها دون الاعتماد على دقة صورة ثابتة.
يستعين المشروع بمكتبة مرجعية تضم أكثر من 1,400 ملف شعار مصنّف. هذه مراجع لدراسة البناء والتميّز، وليست شعارات مسموحًا بنسخها، ولا يعني وجود المكتبة أن المهارة تدرّب نموذجًا جديدًا في كل طلب.
عند عرض المقترحات، راجع الاسم أولًا، ثم الشكل بلون واحد، ثم مقاسه الصغير. اسأل أيضًا إن كان يذكّرك بعلامة موجودة. تطلب المهارة من الوكيل التوقف عند نقطة اختيار: يقدّم المقترحات وتوصيته، وينتظر قرارك قبل إنتاج بقية الملفات.
لا تعتبر تعليمات الفحص دليلًا على أن الفحص نُفّذ. اطلب رؤية لوحة المقترحات ومعاينات الأحجام، لا عبارة «كل الاختبارات ناجحة» فقط.
3. اعتمد اتجاهًا واحدًا ثم اطلب ملفات قابلة للاستخدام
بعد اختيارك، اطلب من الوكيل تجهيز النسخة الملونة، والأسود والأبيض، والخلفية الداكنة، وتركيب الاسم مع الرمز أفقيًا وعموديًا، ودليل استخدام مختصر. وأضف أيقونة المتصفح وأيقونات التطبيق إذا كان الشعار سيظهر على الويب.
لمن يريد فحص ملف SVG مباشرة، توثّق المهارة أداة التدقيق التالية. شغّلها من مجلد skills/logo-design بعد توفير ملف شعارك:
python3 scripts/svg_audit.py my-logo.svg
تفحص الأداة خصائص مثل النص الحي داخل الرسم، والتعقيد والتفاصيل الصغيرة. لا يثبت تقريرها أن الشعار أصلي قانونيًا، ولا يغني عن المعاينة بالعين.
وتوثّق أداة لتصدير حزمة أيقونات الويب، مع إمكانية إعطائها رسمًا مبسطًا للأحجام الصغيرة:
python3 scripts/export_variants.py my-logo.svg \
--favicon-source my-logo-small.svg --web-icons
الأسماء my-logo.svg وmy-logo-small.svg أمثلة لملفات تجهّزها أنت. إن لم تكن لديك نسخة صغيرة منفصلة، راجع حاجتك إليها مع الوكيل قبل استخدام هذا الأمر. لا تقصّ الشعار الكامل عشوائيًا لتصنع أيقونة.
قبل اعتماد النتيجة، افتح ملفات SVG وPNG، وجرّب الأيقونة في حجمها الفعلي، وراجع الخلفيتين الفاتحة والداكنة. وفي العربية، تحقق من اتصال الحروف وترتيب الاسم ووضوح النقاط. توصي الوثائق بتحويل كتابة الشعار النهائية إلى مسارات داخل SVG، حتى لا يتغيّر شكلها بسبب غياب الخط على جهاز آخر؛ وهذا لا يلغي وجوب مراجعة ترخيص الخط.
مشاكل شائعة
الشعار جميل بالحجم الكبير لكنه يختفي في تبويب المتصفح
قد تكون التفاصيل والفجوات أدق مما يتحمله الحجم الصغير. اطلب نسخة مبسطة للأيقونة، وعاينها عند 16 و32 بكسل. لا تحكم من معاينة مكبرة على الشاشة.
حصلت على ملفات SVG ولم تحصل على صور PNG
تحقق من توفر أحد محركات الرسم التي تدعمها الأداة. عبارة «أدوات Python دون اعتماديات إلزامية» لا تعني أن كل صيغ الصور تُصدَّر على أي جهاز بلا محرك رسم. اطلب من الوكيل ذكر المحرك الذي استخدمه والملفات التي نجح في فتحها فعلًا.
الاسم العربي تغيّر أو ظهرت الحروف بشكل غير صحيح
راجع التهجئة والتشكيل البصري والخط في مرحلة مبكرة. إعادة كتابة الاسم بخط مختلف عند تركيب الشعار على الموقع قد تغيّر هويته. استخدم الرسم المعتمد، مع نص بديل مناسب للوصول، بدل إعادة بنائه كل مرة.
المقترحات تشبه شعارات معروفة
استبعد الاتجاه الملتبس، وابحث بصريًا وبالاسم قبل الاعتماد. يحذّر المشروع نفسه من تقليد المكتبة المرجعية، ولا يضمن خلو التصميم من التعارض مع العلامات التجارية. تظل شعارات المكتبة ملكًا لأصحابها، ولا يشملها ترخيص MIT الخاص بالكود والتعليمات.
مصطلحات
المهارة: تعليمات وملفات وأدوات تضيف سير عمل محددًا إلى الوكيل، وليست نموذج ذكاء اصطناعي مستقلًا.
SVG: صيغة رسوم متجهية تحفظ الأشكال ومساراتها، وتفيد في تعديل الشعار وتغيير مقاسه.
Wordmark: اسم العلامة بصيغته المرسومة أو الطباعية المعتمدة.
Lockup: ترتيب ثابت يجمع الرمز والاسم بنسب ومسافات محددة.
Favicon: الأيقونة الصغيرة التي تظهر في تبويب المتصفح.
نقطة الاختيار: توقف مقصود يعرض فيه الوكيل الاتجاهات وينتظر موافقتك قبل متابعة العمل.
ماذا بعد؟
اكتب وصف مشروعك، واطلب ثلاثة اتجاهات فقط في البداية. اختر اتجاهًا بعد رؤيته بلون واحد وبحجم صغير، ثم اطلب الحزمة. بهذه الطريقة تراجع الفكرة قبل إنفاق العمل على عشرات النسخ والملفات.
وإذا كنت تستخدم الوكيل أيضًا لشرح بنية مشروعك، اقرأ أخيرًا، ارسم مخططات تفاعلية بالذكاء الاصطناعي مع Archify. لكل مهارة مهمة مختلفة؛ تركيب مهارة تصميم شعار لا يعني أنها بديل تلقائي لكل أعمال التصميم.
المصادر ونسبة الصور
الغلاف مقتبس من docs/images/hero.png في مستودع kaankiziltug، ويعرض علامات خيالية من أمثلة المشروع، لا أعمالًا أنتجناها نحن. صُغّر للمقاس مع الحفاظ على نسبته وإضافة هوامش، وأُرفق ترخيص MIT وتنبيه العلامات التجارية بحزمة المراجعة. صورة النتيجة من لوحة حزمة «أنور پآي» التي قدمها صاحب الموقع، وحقوق هذه الهوية لأصحابها؛ لا تخضع تلقائيًا لترخيص كود المشروع.
لا تعليقات بعد. شارك سؤالك أو تجربتك مع هذا المحتوى.