بني هوية علامة تجارية محسوبة باستعمال Claude Code

شنو كيديرَت هوية العلامة

brand-identity هي مهارة فـ Claude Code لتصميم هوية ديال العلامة كنظام واحد ومترابط. بلا ما تختار اللوغو، الخط، وباليتة الألوان كل واحد بوحدو، كل توجّه كيتبنى على فكرة ولا آلية وحدة كتوجّه التلاتة كاملين.

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

أهم المزايا

• مجموعات هوية منسّقة: كل مجموعة كتربط بين العلامة، التيبوغرافيا، والباليتة عبر آلية مركزية وحدة.
• قرارات مقيسة: المهارة كتحقق من التباين حسب WCAG 2 وAPCA، ومحاكاة عمى الألوان، وتغطية الحروف، وتراخيص الخطوط، والأرقام الجدولية، ورندرة اللوغو فـ 16 و32 بيكسل.
• بوابات الجودة: القياسات اللي ما كتدوزش كتوقف المجموعة حتى يتصلح المشكل. الاستدلالات كتتوسم كتحذيرات، والاختيارات الذاتية كيتحددو على أنها حكم.
• حزمة إرشادات العلامة: الحزمة العادية فيها PDF من تمانية صفحات، وملفات اللوغو، وdesign tokens بـ CSS وSCSS وTailwind وDTCG JSON، وزيد عليهم ورقة الخط مع كود الإدماج. الخيار --full كيزيد أقسام الشبكة، والوضع الداكن، والولوجية، والأيقونات، والصور، باش تولّي الحزمة من 13 صفحة.
• إعادة تنسيق الموقع: عطِ المهارة رابط باش تعاين كل توجّه فصفحاتك الحالية. تقدر تخلي بعض العناصر وتجدّد عناصر أخرى.
• خدمة مركّزة: طلب غير لوغو، نظام ديال الخطوط، باليتة، ولا نقد لهوية موجودة.

ثبّت المهارة

الموصى به: ثبّتها كإضافة Claude Code

فـ Claude Code، زِد السوق وثبّت الإضافة:

/plugin marketplace add fatihaydost/brand-identity-skill
/plugin install brand-identity@brand-identity-skill

ثبّتها كمهارة عادية

حمّل brand-identity.zip من آخر إصدار، فكّ الضغط عليه داخل ~/.claude/skills/، وخلي Claude Code يحمّل المهارة من تما.

وتقدر حتى تنسخ المستودع وتدير رابط رمزي:

git clone https://github.com/fatihaydost/brand-identity
mkdir -p ~/.claude/skills
ln -s "$PWD/brand-identity-skill/skills/brand-identity" ~/.claude/skills/brand-identity

تأكد من المتطلبات

المشروع كيحتاج Python 3.10 ولا أحدث، ومتصفح مبني على Chromium بحال Chrome أو Chromium أو Edge أو Brave. uv موصى به حيث السكريبتات كتستعملو باش تثبّت حزم Python فبيئة مخزّنة مؤقتاً من أول استعمال.

شغّل الفحص المدمج باش تعرف التبعيات الناقصة:

python3 skills/brand-identity/scripts/brand.py check

مع uv، غالباً ما كايناش الحاجة تثبّت fonttools أو uharfbuzz أو skia-pathops يدوياً. Claude Code هو المضيف الموصى به. فمحادثة claude.ai، البيئة المعزولة ما كتسمحش بـ Google Fonts افتراضياً، وهادشي يقدر يسبب فشل فقياس الخطوط والرندرة.

بدا أول مشروع ديال الهوية

1. بدا بملخّص بلغة بسيطة

طلب من Claude Code النتيجة اللي محتاج. مثلاً:

لوغو، خطوط وألوان لمحمصة قهوة متخصصة فـ لشبونة.

وتقدر حتى تركّز الطلب:

خط جديد وباليتة جديدة لـ https://example.com، وخلي اللوغو.

غير نظام ديال الخطوط للنشرة الإخبارية ديالي.

دير نقد لهوية العلامة ديالنا.

2. جاوب على الأسئلة

المهارة كتسول جولة وحدة ديال الأسئلة على شنو خاص يتدار، وشحال من مجموعة خاصها تتولد، واللغات اللي كتستعملها العلامة، والمنافسين اللي عندهم علاقة. عطِ معلومات دقيقة على الجمهور، والنبرة، والسوق، والاستعمالات، والقيود إلا أمكن.

3. راجع لوحة الهوية

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

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

4. اختار ولا جمّع العناصر

من بعد ما تراجع اللوحة، اختار مجموعة وحدة ولا طلب توليفة بحال اللوغو من المجموعة A والباليتة من المجموعة B. من بعد كتوجد المهارة الحزمة اللي اخترتي.

فهم المخرجات اللي كتتولد

الهوية المختارة كتنتج PDF ديال إرشادات من تمانية صفحات كيغطي الغلاف، والفكرة، واللوغو، والتنويعات، واستعمال اللوغو فوق الألوان، وأمثلة على الاستعمال الخاطئ الخاصة بالعلامة، والألوان، والتيبوغرافيا، والاستعمالات. استعمل --full إلا كنت محتاج حتى لإرشادات الشبكة، والوضع الداكن، والولوجية، والأيقونات، والصور.

الباكي كيتضمّن حتى تصديرات ديال اللوغو بصيغ SVG وPNG، فيها نسخ بالألوان كاملة، بلون واحد، معكوسة، ديال أيقونة التطبيق، وديال favicon. كاينين حتى design tokens بصيغ CSS وSCSS وTailwind وDTCG JSON. وورقة ديال الخطوط كتوثّق الخطوط المختارة وكتوفّر كود الإدماج.

كيفاش كيتخدم workflow

العملية كتفرّق بين التوجيه الإبداعي والتحقّق التقني:

1. الأسئلة: Claude Code كيجمع المعطيات الأساسية، ومتطلبات اللغة، وسياق المنافسين، والعدد المرغوب ديال المجموعات.
2. توليد المجموعات: كينشئ sets.json فيه الآلية، والرمز، واختيار الخط، وبذور الألوان.
3. مراجعة اللوغوهات: اللوغوهات كيتصيّرو فـ contact sheet بقياس 16 و32 بيكسل، وكيتم تصحيح العيوب عبر جولات متكررة.
4. البناء والتدقيق: السكريبتات كتنشئ أدوار الألوان، وبطاقات الهوية، وعمليات التدقيق، ولوحة المقارنة.
5. معالجة البوابات: التباين، وترخيص الخطوط، وتغطية الحروف، وصلاحية الملفات، وأخطاء التصيير كيرجعو المجموعة للتصحيح.
6. الاختيار وإنشاء الباكي: من بعد ما كتختار، المهارة كتصدّر PDF، وملفات اللوغو، والتوكنز، وورقة الخطوط.

نصائح متقدمة لنتائج أحسن

استعمل متطلبات اللغة بوضوح

قول لـ Claude Code كل لغة خاص البراند يدعمها. المهارة ككتراجع تغطية الحروف مقارنةً باللغات اللي كيكتب بها البراند، وهاد المعلومة كتأثّر على اختيار الخطوط والتحقّق.

خلي الولوجية قيداً فالتصميم

ما تتعاملش مع التباين على أنه غير فحص بصري نهائي. المشروع كيستعمل قياسات WCAG 2 وAPCA، ومحاكاة عمى الألوان، وفحوصات حجم اللوغو كـ gates. ضمّن فالمعطيات الخلفيات والاستعمالات المقصودة باش يتقيّم الباليت المولّد فالسياق ديالو.

طلب معاينة ديال الموقع

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

تحدّى الاختيارات التلقائية المألوفة ديال الذكاء الاصطناعي

Brand-identity مصمّمة باش تتفادى الانجذاب التلقائي لتركيبات بحال الكريمي، والتيراكوتا، والذهبي، وFraunces، وInter، ولا حرف مخبّي داخل دائرة. ملي كيستعمل شي توجّه نمطاً مألوفاً، المهارة كتطلب سبباً مبنياً على المعطيات الأساسية، وعلى الأقل مجموعة وحدة فكل تشغيل ما كتستعمل حتى واحد من هاد الاختيارات التلقائية.

راجع التراخيص والولوج للشبكة

المهارة كتهبط الخطوط والبيانات الوصفية من Google Fonts ومن مستودع google/fonts. ‏uv كيتاصل بـ PyPI باش يجيب حزم Python، والمتصفح كيفتح موقعك ولا مواقع المنافسين اللي سميتي غير ملي كتوفّر الروابط ديالهم.

ما كايناش أي telemetry وما كيتحمّل حتى شي محتوى. الخطوط ما كيتدارش ليها subset وما كيتعاودش توزيعها؛ الباكي كيربط بها وكيعطي كود الإدماج. تراخيص الخطوط كيتراجعو لكل عائلة، مع اعتماد OFL افتراضياً وملاحظات إضافية على Fontshare ولا الخطوط التجارية.

طوّر واختبر محلياً

إلى بغيتي تساهم ولا تتحقّق من المستودع، ثبّت متطلبات التطوير وشغّل أوامر الاختبار:

pip install -r requirements-dev.txt
python3 -m unittest discover -s tests
python3 tools/smoke_test.py
python3 tools/package_skill.py

المستودع فيه المهارة داخل skills/brand-identity/، وأدوات التطوير فـ tools/، واختبارات الوحدة فـ tests/، وملفات التقييم فـ evals/، ووثائق البنية والاختبار فـ docs/.

الخلاصة

brand-identity كتحوّل brief مكتوب بلغة طبيعية لعدة توجّهات مترابطة ديال الهوية، ومن بعد كتجمع بين الاستكشاف الإبداعي والفحوصات التقنية القابلة للقياس. ثبّتها فـ Claude Code، ووصف البراند والقيود ديالو، وقارن بين المجموعات المولّدة، واختار ولا جمّع العناصر اللي كتناسب المعطيات الأساسية أكثر. النتيجة هي باكي عملي ديال الإرشادات، ماشي غير فكرة معزولة ديال لوغو.

المشروع منشور بموجب ترخيص MIT. للمعلومات التفصيلية على التنفيذ، راجع مشروع GitHub ديال المستودع.