Claude Code দিয়ে পরিমিত ব্র্যান্ড পরিচিতি তৈরি করুন

ব্র্যান্ড-পরিচয় কী করে

brand-identity হলো Claude Code-এর একটি স্কিল, যা একটি সংযুক্ত সিস্টেম হিসেবে ব্র্যান্ড পরিচয় ডিজাইন করে। লোগো, টাইপফেস এবং রঙের প্যালেট আলাদাভাবে বেছে নেওয়ার পরিবর্তে, প্রতিটি দিক একটি একক ধারণা বা প্রক্রিয়াকে কেন্দ্র করে তৈরি হয়, যা তিনটিকেই নির্দেশ করে।

এই স্কিল তিনটি, কখনও কখনও চারটি, পরিচয় সেট তৈরি করে। এটি সেগুলোকে পরিচয় কার্ড হিসেবে পাশাপাশি উপস্থাপন করে, গুরুত্বপূর্ণ কারিগরি বৈশিষ্ট্য পরিমাপ করে এবং আপনি একটি দিক বেছে নেওয়া পর্যন্ত থেমে থাকে। আপনি একটি সেট বেছে নেওয়ার পর, অথবা একাধিক সেটের অংশ মিলিয়ে নেওয়ার পর, এটি একটি ব্র্যান্ড গাইডলাইন কিট তৈরি করে।

প্রধান বৈশিষ্ট্য

• সমন্বিত পরিচয় সেট: প্রতিটি সেট একটি কেন্দ্রীয় প্রক্রিয়ার মাধ্যমে এর চিহ্ন, টাইপোগ্রাফি এবং প্যালেটকে সংযুক্ত করে।
• পরিমাপভিত্তিক সিদ্ধান্ত: এই স্কিল WCAG 2 এবং APCA কনট্রাস্ট, বর্ণান্ধতা সিমুলেশন, গ্লিফ কভারেজ, ফন্ট লাইসেন্স, ট্যাবুলার ফিগার এবং ১৬ ও ৩২ পিক্সেলে লোগো রেন্ডারিং পরীক্ষা করে।
• গুণমান যাচাই: কোনো পরিমাপ ব্যর্থ হলে সমস্যা সমাধান না হওয়া পর্যন্ত সেটটি থেমে থাকে। হিউরিস্টিক ফলাফলগুলো সতর্কতা হিসেবে চিহ্নিত হয়, আর বিষয়ভিত্তিক পছন্দগুলোকে বিচার হিসেবে উল্লেখ করা হয়।
• ব্র্যান্ড গাইডলাইন কিট: স্ট্যান্ডার্ড কিটে একটি আট-পৃষ্ঠার PDF, লোগো ফাইল, CSS, SCSS, Tailwind এবং DTCG JSON-এ ডিজাইন টোকেন, পাশাপাশি এমবেড কোডসহ একটি ফন্ট শিট থাকে। --full অপশনে গ্রিড, ডার্ক মোড, অ্যাক্সেসিবিলিটি, আইকনোগ্রাফি এবং ইমেজারি বিভাগ যোগ হয়ে মোট ১৩টি পৃষ্ঠা হয়।
• ওয়েবসাইটের স্টাইল পুনর্নির্ধারণ: প্রতিটি দিক আপনার বিদ্যমান পৃষ্ঠাগুলোতে প্রিভিউ করতে স্কিলটিকে একটি 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-কে সেখান থেকে স্কিল লোড করতে দিন।

আপনি রিপোজিটরিটি ক্লোন করে একটি সিম্বলিক লিংকও তৈরি করতে পারেন:

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 প্যাকেজ ইনস্টল করতে এটি ব্যবহার করে।

অনুপস্থিত নির্ভরতা শনাক্ত করতে বিল্ট-ইন পরীক্ষা চালান:

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

uv ব্যবহার করলে সাধারণত fonttools, uharfbuzz বা skia-pathops ম্যানুয়ালি ইনস্টল করার প্রয়োজন হয় না। Claude Code হলো প্রস্তাবিত হোস্ট। claude.ai চ্যাটে স্যান্ডবক্সে ডিফল্টভাবে Google Fonts ব্যবহারের অনুমতি নেই, তাই টাইপ পরিমাপ ও রেন্ডারিং ব্যর্থ হতে পারে।

আপনার প্রথম পরিচয় প্রকল্প চালান

১. সহজ ভাষায় একটি ব্রিফ দিয়ে শুরু করুন

আপনার প্রয়োজনীয় ফলাফল Claude Code-কে জানান। উদাহরণ:

লিসবনে একটি বিশেষায়িত কফি রোস্টারের জন্য লোগো, ফন্ট এবং রঙ।

আপনি অনুরোধটি আরও নির্দিষ্ট করতে পারেন:

https://example.com-এর জন্য নতুন টাইপ ও প্যালেট, লোগোটি রাখুন।

আমার নিউজলেটারের জন্য শুধু একটি টাইপ সিস্টেম।

আমাদের ব্র্যান্ড পরিচয়ের সমালোচনা করুন।

২. প্রশ্নগুলোর উত্তর দিন

এই স্কিল কী তৈরি করতে হবে, কতগুলো সেট তৈরি করতে হবে, ব্র্যান্ডটি কোন ভাষা ব্যবহার করে এবং প্রাসঙ্গিক প্রতিযোগীরা কারা—এসব নিয়ে এক দফা প্রশ্ন করে। সম্ভব হলে দর্শক, টোন, বাজার, ব্যবহারক্ষেত্র এবং সীমাবদ্ধতা সম্পর্কে নির্দিষ্ট তথ্য দিন।

৩. পরিচয় বোর্ড পর্যালোচনা করুন

এই স্কিল প্রস্তাবিত দিকগুলো তৈরি করে এবং একটি তুলনা বোর্ডে দেখায়। প্রতিটি দিকে একটি প্রক্রিয়া, চিহ্ন, টাইপ নির্বাচন, প্যালেট এবং পরিমাপ থাকে। ছয়টি ব্রিফের পরিমাপের ভিত্তিতে, বোর্ড পর্যন্ত সম্পূর্ণ রান করতে প্রায় ৪০টি এজেন্ট টার্ন লাগে এবং প্রায় ০.৯ মিলিয়ন বিলকৃত-ইনপুট-সমতুল্য টোকেন ব্যবহার হয়।

এই স্কিল আপনার হয়ে কোনো দিক বেছে নেয় না। ধারণাগুলো, সেগুলো ব্রিফের উত্তর কতটা ভালোভাবে দেয় এবং প্রয়োজনীয় যাচাইয়ে তাদের পরিমাপ পাস করে কি না—এসব তুলনা করুন।

৪. উপাদান বেছে নিন বা মিলিয়ে নিন

বোর্ড পর্যালোচনা করার পর একটি সেট বেছে নিন, অথবা সেট A-এর লোগো ও সেট B-এর প্যালেটের মতো একটি সমন্বয় অনুরোধ করুন। এরপর স্কিলটি নির্বাচিত কিট তৈরি করবে।

তৈরি হওয়া ডেলিভারেবল বুঝে নিন

নির্বাচিত পরিচয় একটি আট-পৃষ্ঠার গাইডলাইন 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 রিপোজিটরি থেকে ফন্ট ও মেটাডেটা ডাউনলোড করে। uv Python প্যাকেজের জন্য PyPI-তে যোগাযোগ করে। আর ব্রাউজার আপনার সাইট বা নাম উল্লেখ করা প্রতিযোগী সাইট খোলে কেবল তখনই, যখন আপনি তাদের URL দেন।

কোনো টেলিমেট্রি নেই এবং কিছুই আপলোড করা হয় না। ফন্ট সাবসেট বা পুনর্বিতরণ করা হয় না; কিটে সেগুলোর লিংক ও এমবেড কোড দেওয়া থাকে। প্রতিটি ফন্ট পরিবারের লাইসেন্স যাচাই করা হয়, যেখানে ডিফল্ট হিসেবে 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 প্রকল্প দেখুন।