HeadlinesBriefing favicon HeadlinesBriefing.com

Claude Code দিয়ে সামঞ্জস্যপূর্ণ ডিজাইন গাইড

Towards Data Science •
×

আপনার অ্যাপ্লিকেশনের সারাঘর সামঞ্জস্যপূর্ণ ডিজাইন তৈরি করা একটি খুব তুচ্ছ কাজ বলে মনে হয় যা আপনি কোডিং এজেন্টদের সাথে অর্জন করতে পারেন। যাইহোক, যদি আপনার অধিকাংশ কোড কোডিং এজেন্টদের দ্বারা লেখা হয়, তবে আমি মনে করি এটি দ্রুত একটি অ্যাপ্লিকেশনে পরিণত হতে পারে যাতে অনেক ভিন্ন ডিজাইন উপাদান থাকে যদি আপনি কোডিং এজেন্টটি কীভাবে জিনিসগুলি বাস্তবায়ন করছে সেটি সম্পর্কে খুব ঘনিষ্ঠ মনোযোগ না দেন, এবং আপনি DRY (নিজেকে পুনরাবৃত্তি করবেন না) নীতিটি মেনে চলতে কোডটি liên tục রিফ্যাক্টর এবং কেন্দ্রীভূত করছেন না। די lâu ধরে, আমার অ্যাপ্লিকেশনটি বিকাশ করার সময়, আমি ডিজাইনটি সামঞ্জস্যপূর্ণ রাখতে কষ্ট করছিলাম। শুধু মনে হচ্ছিল যে আমার কোডিং এজেন্টটি, আমি Claude Code বা Codex ব্যবহার করি কিনা, liên tục পূর্বের ডিজাইনটি অনুসরণ না করার দিকে বা আমি যেগুলো অনুসরণ করতে চাইনি এমন নতুন মানদণ্ড বাস্তবায়ন করার দিকে ঝুঁকে যাচ্ছে।

এটির উদাহরণ: পুরো অ্যাপে ভিন্ন ভিন্ন ফন্ট সাইজ। ভিন্ন জায়গায় বাটনগুলির ভিন্ন ডিজাইন। সাধারণত, ড্রপ-ডাউন, হোভার করলে পপ আপ হওয়া মডিউল ইত্যাদি UI উপাদানগুলি অসামঞ্জস্যপূর্ণ ছিল এবং রঙ, আকার বা স্টাইলিং کے संबंधে কখনো একই প্যাটার্ন অনুসরণ করত না। এটি অবশ্যই অত্যন্ত গুরুত্বপূর্ণ কারণ অসামঞ্জস্যপূর্ণ ডিজাইন আপনার অ্যাপকে অনেক কম পেশাদার এবং পরিষ্কার করে তোলে। যখন অ্যাপে জিনিসগুলি ভিন্ন দেখায়, যেমন UI পুরো অ্যাপে ভিন্ন দেখায়, তবে এটি আপনার অ্যাপ্লিকেশনের খুব অপেশাদার এবং অনপলিশড প্রথম ছাপ দেয়, তাই আপনি এটিকে এড়াতে চান।

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

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