مرکزی مواد پر جائیں
اے آئی ٹیوٹوریلز

Claude Code کے ساتھ ایک متوازن برانڈ شناخت بنائیں

جانیں کہ برانڈ شناخت کی Claude Code اسکل کیسے انسٹال اور استعمال کی جائے، تاکہ کئی ہم آہنگ شناختی سمتیں تیار کی جا سکیں، رسائی اور تکنیکی تقاضوں کے حوالے سے ان کا جائزہ لیا جا سکے، بہترین عناصر منتخب یا یکجا کیے جا سکیں، اور برانڈ گائیڈ لائنز کا مکمل پیکیج برآمد کیا جا سکے۔

Claude Code کے ساتھ متوازن برانڈ شناخت بنائیں

برانڈ شناخت کیا کرتی ہے

brand-identity ایک Claude Code اسکل ہے جو برانڈ شناخت کو ایک مربوط نظام کے طور پر ڈیزائن کرنے کے لیے استعمال ہوتی ہے۔ لوگو، ٹائپ فیس اور رنگوں کا پیلیٹ الگ الگ منتخب کرنے کے بجائے، ہر سمت ایک واحد خیال یا طریقۂ کار کے گرد بنائی جاتی ہے جو ان تینوں کو رہنمائی فراہم کرتا ہے۔

یہ اسکل شناخت کے تین، یا کبھی کبھی چار، سیٹس تیار کرتی ہے۔ یہ انہیں شناختی کارڈز کی صورت میں ساتھ ساتھ پیش کرتی ہے، اہم تکنیکی خصوصیات کی پیمائش کرتی ہے، اور رک جاتی ہے تاکہ آپ ایک سمت منتخب کر سکیں۔ کسی سیٹ کو منتخب کرنے، یا متعدد سیٹس کے حصے ملانے، کے بعد یہ برانڈ گائیڈ لائنز کٹ تیار کرتی ہے۔

24 مختلف برانڈز کے لیے 24 لوگو، سب اسی اسکل سے تیار کردہ

اہم خصوصیات

  • ہم آہنگ شناختی سیٹس: ہر سیٹ اپنے نشان، ٹائپوگرافی اور پیلیٹ کو ایک مرکزی طریقۂ کار کے ذریعے جوڑتا ہے۔
  • پیمائش پر مبنی فیصلے: یہ اسکل WCAG 2 اور APCA کنٹراسٹ، رنگوں سے متعلق نابیناپن کی simulation، گلائف کوریج، فونٹ لائسنسز، ٹیبلر اعداد، اور 16 اور 32 پکسلز پر لوگو کی رینڈرنگ چیک کرتی ہے۔
  • معیار کے مراحل: ناکام پیمائشیں کسی سیٹ کو اس وقت تک روک دیتی ہیں جب تک مسئلہ حل نہ ہو جائے۔ ہیورسٹکس کو انتباہات کے طور پر لیبل کیا جاتا ہے، جبکہ موضوعی انتخاب کو فیصلہ سازی کے طور پر واضح کیا جاتا ہے۔
  • برانڈ گائیڈ لائنز کٹ: معیاری کٹ میں آٹھ صفحات کی PDF، لوگو فائلیں، CSS، SCSS، Tailwind اور DTCG JSON میں ڈیزائن ٹوکنز، اور ایمبیڈ کوڈ کے ساتھ فونٹ شیٹ شامل ہوتی ہے۔ --full آپشن گرڈ، ڈارک موڈ، رسائی پذیری، آئیکونوگرافی اور امیجری کے حصے شامل کر کے اسے 13 صفحات کا بنا دیتا ہے۔
  • ویب سائٹ کی نئی اسٹائلنگ: اپنی موجودہ صفحات پر ہر سمت کا پیش منظر دیکھنے کے لیے اسکل کو ایک URL دیں۔ آپ کچھ عناصر برقرار رکھ کر دوسرے تازہ کر سکتے ہیں۔
  • مرکوز کام: صرف لوگو، ٹائپ سسٹم، پیلیٹ، یا موجودہ شناخت پر تنقید کی درخواست کریں۔

اسکل انسٹال کریں

تجویز کردہ: اسے 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 کو وہیں سے اسکل لوڈ کرنے دیں۔

24 مختلف برانڈز کے لیے 24 لوگو، سب اسی اسکل سے تیار کردہ

آپ ریپوزٹری کلون کر کے علامتی لنک بھی بنا سکتے ہیں:

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 یا اس کے بعد کا ورژن اور Chrome، Chromium، Edge یا Brave جیسے Chromium پر مبنی براؤزر کی ضرورت ہے۔ uv تجویز کیا جاتا ہے کیونکہ اسکرپٹس پہلی بار استعمال کے وقت Python پیکیجز کو کیش شدہ ماحول میں انسٹال کرنے کے لیے اسے استعمال کرتی ہیں۔

غائب dependencies کی شناخت کے لیے بلٹ اِن چیک چلائیں:

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

uv کے ساتھ عموماً fonttools، uharfbuzz یا skia-pathops کو دستی طور پر انسٹال کرنے کی ضرورت نہیں ہوتی۔ Claude Code تجویز کردہ میزبان ہے۔ claude.ai چیٹ میں sandbox ڈیفالٹ طور پر Google Fonts کی اجازت نہیں دیتا، اس لیے ٹائپ کی پیمائش اور رینڈرنگ ناکام ہو سکتی ہے۔

اپنا پہلا شناختی پروجیکٹ چلائیں

1. سادہ زبان میں بریف سے آغاز کریں

Claude Code سے مطلوبہ نتیجہ حاصل کرنے کو کہیں۔ مثال کے طور پر:

لزبن میں اسپیشلٹی کافی روسٹر کے لیے لوگو، فونٹس اور رنگ۔

Tessellate کے لیے تین سمتیں، تقابلی جدول کے ساتھ

آپ درخواست کو مرکوز بھی کر سکتے ہیں:

https://example.com کے لیے نیا ٹائپ اور پیلیٹ، لوگو برقرار رکھیں۔
میرے نیوز لیٹر کے لیے صرف ٹائپ سسٹم۔
ہماری برانڈ شناخت پر تنقید کریں۔

2. سوالات کے جواب دیں

یہ اسکل اس بارے میں سوالات کا ایک مرحلہ پوچھتی ہے کہ کیا تخلیق کرنا ہے، کتنے سیٹس تیار کرنے ہیں، برانڈ کون سی زبانیں استعمال کرتا ہے، اور متعلقہ حریف کون ہیں۔ جہاں ممکن ہو، سامعین، انداز، مارکیٹ، استعمالات اور پابندیوں کے بارے میں مخصوص معلومات فراہم کریں۔

3. شناختی بورڈ کا جائزہ لیں

یہ اسکل مجوزہ سمتیں تیار کر کے انہیں تقابلی بورڈ پر دکھاتی ہے۔ ہر سمت میں ایک طریقۂ کار، نشان، ٹائپ کا انتخاب، پیلیٹ اور پیمائشیں شامل ہوتی ہیں۔ چھ بریفز کی پیمائشوں کی بنیاد پر، بورڈ تک مکمل رن میں تقریباً 40 ایجنٹ ٹرنز لگتے ہیں اور تقریباً 0.9 ملین بل شدہ ان پٹ کے مساوی ٹوکنز استعمال ہوتے ہیں۔

یہ اسکل آپ کے لیے سمت منتخب نہیں کرتی۔ تصورات، بریف کا جواب دینے کی ان کی صلاحیت، اور یہ موازنہ کریں کہ آیا ان کی پیمائشیں مطلوبہ مراحل میں کامیاب ہوتی ہیں۔

4. عناصر منتخب یا یکجا کریں

بورڈ کا جائزہ لینے کے بعد ایک سیٹ منتخب کریں یا امتزاج کی درخواست کریں، مثلاً سیٹ A کا لوگو اور سیٹ B کا پیلیٹ۔ اس کے بعد اسکل منتخب کٹ تیار کرتی ہے۔

چار پس منظر پر لوگو، کنٹراسٹ تناسب اور استعمال کی چھ غلط مثالوں کے ساتھ

Tessellate کے لیے تین سمتیں، تقابلی جدول کے ساتھ

تیار کردہ ڈیلیوری ایبلز کو سمجھیں

منتخب شناخت آٹھ صفحات کی گائیڈ لائنز PDF تیار کرتی ہے، جس میں سرورق، خیال، لوگو، مختلف صورتیں، رنگ پر لوگو کا استعمال، نشان کے لیے مخصوص غلط استعمال کی مثالیں، رنگ، ٹائپوگرافی اور اطلاقات شامل ہوتے ہیں۔ جب آپ کو گرڈ، ڈارک موڈ، رسائی پذیری، آئیکونوگرافی اور امیجری سے متعلق رہنمائی بھی درکار ہو تو --full استعمال کریں۔

اس کٹ میں لوگو کے SVG اور PNG فارمیٹس میں ایکسپورٹس بھی شامل ہیں، جن میں مکمل رنگ، ایک رنگ، الٹی رنگ بندی، ایپ آئیکن اور فیویکن کے ورژن شامل ہیں۔ ڈیزائن ٹوکنز CSS، SCSS، Tailwind اور DTCG JSON کے لیے دستیاب ہیں۔ فونٹ شیٹ منتخب ٹائپ فیسز کی دستاویز فراہم کرتی ہے اور ایمبیڈ کوڈ بھی دیتی ہے۔

سائٹ ہیڈر، بزنس کارڈ، اوتار اور ایپ آئیکن

ورک فلو کیسے کام کرتا ہے

یہ عمل تخلیقی سمت کو تکنیکی تصدیق سے الگ کرتا ہے:

  1. سوالات: Claude Code بریف، زبان سے متعلق تقاضے، حریفوں کا سیاق و سباق اور مطلوبہ سیٹس کی تعداد جمع کرتا ہے۔
  2. سیٹ کی تیاری: یہ sets.json بناتا ہے، جس میں میکانزم، مارک، ٹائپ کا انتخاب اور پیلیٹ کے بنیادی رنگ شامل ہوتے ہیں۔
  3. لوگو کا جائزہ: لوگوز کو 16 اور 32 پکسلز پر کانٹیکٹ شیٹ میں رینڈر کیا جاتا ہے، اور بار بار کی جانے والی اصلاحی کارروائیوں سے خامیاں دور کی جاتی ہیں۔
  4. بلڈ اور آڈٹ: اسکرپٹس پیلیٹ رولز، شناختی کارڈز، آڈٹس اور تقابلی بورڈ تیار کرتی ہیں۔
  5. گیٹ کا انتظام: کنٹراسٹ، فونٹ لائسنسنگ، گلائف کوریج، فائل کی صحت اور رینڈرنگ کی ناکامیاں کسی سیٹ کو اصلاح کے لیے واپس بھیج دیتی ہیں۔
  6. انتخاب اور کٹ کی تیاری: آپ کے انتخاب کے بعد اسکل PDF، لوگو فائلیں، ٹوکنز اور فونٹ شیٹ ایکسپورٹ کرتی ہے۔

بہتر نتائج کے لیے جدید تجاویز

زبان سے متعلق تقاضے واضح طور پر استعمال کریں

Claude Code کو ان تمام زبانوں کے بارے میں بتائیں جنہیں برانڈ کو سپورٹ کرنا ہے۔ اسکل ان زبانوں کے مطابق گلائف کوریج چیک کرتی ہے جن میں برانڈ تحریر کرتا ہے، اس لیے یہ معلومات ٹائپ فیس کے انتخاب اور توثیق پر اثر انداز ہوتی ہیں۔

رسائی پذیری کو ڈیزائن کی شرط بنائیں

کنٹراسٹ کو صرف آخری بصری جانچ نہ سمجھیں۔ یہ منصوبہ WCAG 2 اور APCA پیمائشیں، رنگی نابینائی کی نقل اور لوگو کے سائز کی جانچ کو گیٹس کے طور پر استعمال کرتا ہے۔ اپنی بریف میں مطلوبہ پس منظر اور استعمال کے حالات شامل کریں تاکہ تیار کردہ پیلیٹ کا سیاق و سباق میں جائزہ لیا جا سکے۔

سائٹ ہیڈر، بزنس کارڈ، اوتار اور ایپ آئیکن

ویب سائٹ کا پیش نظارہ طلب کریں

جب آپ سائٹ کا URL فراہم کرتے ہیں، تو اسکل موجودہ لوگو، ٹائپ اور رنگ پڑھتی ہے، پھر ہر شناختی سمت کا آپ کے صفحات پر پیش نظارہ دکھاتی ہے۔ ان عناصر کے لیے keep استعمال کریں جنہیں برقرار رہنا چاہیے، اور ان حصوں کے لیے refresh استعمال کریں جنہیں بہتر بنانا ہو۔

مانوس AI ڈیفالٹس کو چیلنج کریں

Brand-identity کو ایسے امتزاجوں کی جانب خودکار جھکاؤ سے بچنے کے لیے بنایا گیا ہے، جیسے کریم، ٹیراکوٹا، گولڈ، Fraunces، Inter یا دائرے کے اندر چھپا ہوا حرف۔ جب کوئی سمت مانوس نمونہ استعمال کرتی ہے، تو اسکل بریف کی بنیاد پر وجہ طلب کرتی ہے، اور ہر رن میں کم از کم ایک سیٹ ان تمام ڈیفالٹس سے پاک ہوتا ہے۔

چار پس منظر پر لوگو، کنٹراسٹ تناسب اور چھ غلط استعمال

لائسنسز اور نیٹ ورک رسائی کا جائزہ لیں

اسکل Google Fonts اور google/fonts repository سے فونٹس اور میٹا ڈیٹا ڈاؤن لوڈ کرتی ہے۔ uv Python پیکیجز کے لیے PyPI سے رابطہ کرتا ہے، اور براؤزر آپ کی سائٹ یا نامزد حریف سائٹس صرف اس وقت کھولتا ہے جب آپ ان کے URLs فراہم کریں۔

کوئی ٹیلی میٹری نہیں ہے اور کچھ بھی اپ لوڈ نہیں کیا جاتا۔ فونٹس کو سب سیٹ یا دوبارہ تقسیم نہیں کیا جاتا؛ کٹ ان کے لنکس اور ایمبیڈ کوڈ فراہم کرتی ہے۔ فونٹ لائسنسز ہر فیملی کے لیے چیک کیے جاتے ہیں، 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 قدرتی زبان میں دی گئی بریف کو باہم مربوط شناختی سمتوں میں تبدیل کرتا ہے، پھر تخلیقی دریافت کو قابلِ پیمائش تکنیکی جانچ کے ساتھ یکجا کرتا ہے۔ اسے Claude Code میں انسٹال کریں، برانڈ اور اس کی پابندیوں کی وضاحت کریں، تیار کردہ سیٹس کا موازنہ کریں، اور بریف کے لیے موزوں ترین عناصر منتخب یا یکجا کریں۔ نتیجہ محض ایک الگ لوگو تصور کے بجائے عملی رہنما کٹ کی صورت میں سامنے آتا ہے۔

یہ منصوبہ MIT لائسنس کے تحت جاری کیا گیا ہے۔ عملی تفصیلات کے لیے ریپوزٹری کے GitHub project سے رجوع کریں۔