Claude Image View কী?
Claude Image View হলো Claude Code-এর একটি mod, যা প্রম্পটে পেস্ট করা ছবিগুলোর থাম্বনেইল দেখায়। [Image #1]-এর মতো শুধু ট্যাগ দেখার পরিবর্তে, ইনপুট এলাকার ঠিক ওপরে সারিবদ্ধভাবে সংশ্লিষ্ট ছবিগুলো দেখা যায়।
স্ক্রিনশট, ছবি বা ইন্টারফেসের বিভিন্ন অবস্থা তুলনা করার সময় এই mod বিশেষভাবে উপযোগী। প্রতিটি থাম্বনেইলে সংশ্লিষ্ট image tag-এর নম্বর দেওয়া থাকে, ফলে প্রম্পটে সঠিক ছবিটি উল্লেখ করা সহজ হয়।
প্রধান বৈশিষ্ট্য
- তাৎক্ষণিক প্রিভিউ: ছবি পেস্ট করার সঙ্গে সঙ্গে থাম্বনেইল দেখা যায়। অন্য কোনো কী চাপার প্রয়োজন নেই।
- একাধিক ছবি সমর্থন: একাধিক ছবি পেস্ট করলে নম্বরযুক্ত থাম্বনেইলের একটি সারি তৈরি হয়।
- অনুপাত বজায় রাখা: প্রশস্ত স্ক্রিনশট প্রশস্তই থাকে, আর পোর্ট্রেট ছবি লম্বাই থাকে।
- স্বয়ংক্রিয়ভাবে মানানসই করা: উপলভ্য জায়গার সঙ্গে মানিয়ে নিতে টাইলগুলো ছোট হয়, ফলে থাম্বনেইল সারিতে স্ক্রল করতে হয় না বা তা কেটে যায় না।
- স্বয়ংক্রিয় পরিষ্কার: প্রম্পট পাঠানোর পর বা সংশ্লিষ্ট image tag মুছে দিলে সারিটি অদৃশ্য হয়ে যায়।
- শুধু স্থানীয়ভাবে কাজ: modটি কোনো নেটওয়ার্ক অনুরোধ পাঠায় না এবং কোনো ফাইল লেখে না।
প্রয়োজনীয়তা
mod ইনস্টল করার আগে নিশ্চিত করুন যে আপনার পরিবেশে নিচের প্রয়োজনীয়তাগুলো পূরণ হয়েছে:
- Claude Code সংস্করণ
2.1.287বা পরবর্তী সংস্করণ, যাতে mods সমর্থন রয়েছে। - macOS অথবা Linux।
- kitty graphics protocol সমর্থনকারী একটি টার্মিনাল, যেমন Ghostty অথবা kitty।
আপনার টার্মিনাল kitty graphics protocol সমর্থন না করলে, প্রকৃত ছবির পরিবর্তে টাইলগুলোতে
[Image #1]-এর মতো টেক্সট দেখা যাবে। Claude Desktop অ্যাপে আগে থেকেই পেস্ট করা ছবির প্রিভিউ দেখা যায়, তাই সেখানে এই mod কিছু আঁকে না।
Claude Image View ইনস্টল করুন
Claude Code-এর ভেতর থেকে ইনস্টল
একটি Claude Code সেশন খুলে নিচের কমান্ডগুলো ক্রমানুসারে চালান:
/plugin marketplace add jarrodwatts/claude-image-view
/plugin install image-view
/reload-pluginsপ্রথম কমান্ডটি প্রকল্পের plugin marketplace যোগ করে, দ্বিতীয়টি mod ইনস্টল করে এবং তৃতীয়টি বর্তমান সেশনের জন্য ইনস্টল করা pluginগুলো পুনরায় লোড করে।
টার্মিনাল থেকে ইনস্টল
Shell ব্যবহার করতে চাইলে নিচের কমান্ড দিয়ে marketplace যোগ করে plugin ইনস্টল করুন:
claude plugin marketplace add jarrodwatts/claude-image-view
claude plugin install image-view@claude-image-viewইনস্টল করার পর সক্রিয় Claude Code সেশনের ভেতরে /reload-plugins চালান। বিকল্পভাবে, একটি নতুন সেশন শুরু করুন।
মৌলিক ব্যবহার
- সামঞ্জস্যপূর্ণ টার্মিনালে Claude Code খুলুন।
- প্রম্পটে একটি ছবি পেস্ট করুন।
- ইনপুট এলাকার ওপরে ছবিটির নম্বরযুক্ত থাম্বনেইল দেখুন।
- আপনার অনুরোধ লিখুন এবং তৈরি হওয়া ট্যাগটি উল্লেখ করুন, যেমন
[Image #1]। - প্রম্পট পাঠান। থাম্বনেইল সারিটি স্বয়ংক্রিয়ভাবে পরিষ্কার হয়ে যাবে।
উদাহরণস্বরূপ, দুটি ছবি পেস্ট করার পর আপনি লিখতে পারেন:
Why is the header misaligned in [Image #1] compared with [Image #2]?প্রিভিউ সারিতে #1 এবং #2 লেবেলসহ দুটি ছবি দেখা যায়, ফলে প্রম্পটে ছবিগুলো নির্ধারিত ক্রমে উল্লেখ করা হয়েছে কি না তা যাচাই করা যায়।
পাঠানোর আগে প্রিভিউ সরানো
প্রম্পট থেকে কোনো image tag মুছে দিলে সংশ্লিষ্ট টাইলটিও সরিয়ে দেওয়া হয়। সব image tag মুছে দিলে পুরো সারিটি পরিষ্কার হয়ে যায়।
Modটি যেভাবে কাজ করে
Claude Code পেস্ট করা ছবিগুলো একটি সেশন ক্যাশে নিচের মতো একটি পাথ ব্যবহার করে সংরক্ষণ করে:
<tmp>/<project>/<session>/images/<n>.pngএরপর এটি প্রম্পটে সংশ্লিষ্ট [Image #n] ট্যাগ যোগ করে। Claude Image View নিচের প্রক্রিয়ার মাধ্যমে এই ট্যাগগুলোকে ক্যাশে থাকা ফাইলের সঙ্গে যুক্ত করে:
- প্রতি ২০০ মিলিসেকেন্ডে এটি প্রম্পট বক্স পড়ে এবং
[Image #n]ট্যাগ খোঁজে। ছবি পেস্ট করলে edit event ট্রিগার হয় না, তাই টাইমারটি প্রয়োজনীয়। - শনাক্ত করা প্রতিটি ট্যাগের জন্য এটি ক্যাশে থাকা PNG খুঁজে বের করে এবং PNG header থেকে ছবির মাপ পড়ে।
- Claude Code-এর
Imageelement ব্যবহার করে প্রম্পটের ওপরে উপযুক্ত মাপের থাম্বনেইল আঁকে।
টার্মিনাল প্রতিটি image file সরাসরি পড়ে, তাই ছবির ডেটা modটির ভেতর দিয়ে যায় না।
নিরাপত্তা ও যাচাই
Claude Image View স্থানীয়ভাবে কাজ করে। এটি কোনো নেটওয়ার্ক অনুরোধ পাঠায় না এবং কোনো ফাইল লেখে না। এর অ্যাক্সেস সীমিত থাকে প্রম্পট বক্স পড়া, সক্রিয় সেশন ক্যাশে খুঁজে বের করতে Claude Code-এর অস্থায়ী ফোল্ডারের তালিকা দেখা এবং পেস্ট করা ছবির প্রাথমিক কয়েক বাইট পড়ার মধ্যে।
CLAUDE_CODE_TMPDIR কনফিগার করা না থাকলে, ডিফল্ট অস্থায়ী ডিরেক্টরি নির্ধারণ করতে modটি একবার id -u চালায়। রিপোজিটরি যাচাই করে এর hooks এবং calls পরিদর্শন করতে পারেন:
claude plugin validate .সমস্যা সমাধান
থাম্বনেইল সারি দেখা যাচ্ছে না
Claude Code-এ /plugin চালিয়ে ট্যাবগুলোর নিচের ম্লান status line পরীক্ষা করুন। সেখানে সক্রিয় mod হিসেবে image-view তালিকাভুক্ত থাকার কথা। এটি না থাকলে চালান:
/reload-pluginsকোনো টাইলে “no preview” লেখা আছে
এর অর্থ হলো modটি ক্যাশে থাকা ছবির ফাইল খুঁজে পায়নি। Claude Code হয়তো পেস্ট করা ছবিগুলো সংরক্ষণের স্থান পরিবর্তন করেছে। আপনার Claude Code সংস্করণ লিখে রাখুন এবং প্রকল্পের রিপোজিটরিতে একটি issue খুলুন।
টাইল ছবির পরিবর্তে Image tag দেখাচ্ছে
কোনো টাইলের থাম্বনেইলের পরিবর্তে [Image #1] দেখা গেলে, আপনার টার্মিনাল kitty graphics protocol সমর্থন করে না। Ghostty বা kitty-এর মতো সামঞ্জস্যপূর্ণ টার্মিনালে পরিবর্তন করুন।
উন্নত টিপস ও ডেভেলপমেন্ট
আপনার Claude Code সংস্করণ পরীক্ষা করুন
মডটি লোড না হলে, আপনি Claude Code 2.1.287 বা তার পরের সংস্করণ ব্যবহার করছেন কি না যাচাই করুন। আগের রিলিজগুলোতে প্রয়োজনীয় mods support নেই।
ইনস্টল না করে পরীক্ষা করুন
অবদানকারীরা রিপোজিটরি ক্লোন করে একটি সেশনের জন্য লোড করতে পারেন:
git clone https://github.com/jarrodwatts/claude-image-view
cd claude-image-view
claude --plugin-dir .মডটি স্থায়ীভাবে ইনস্টল না করে স্থানীয় পরিবর্তন পরীক্ষা করার জন্য এটি উপযোগী।
যাচাই করুন এবং পরীক্ষা চালান
ক্লোন করা রিপোজিটরি থেকে প্লাগইন যাচাই করুন এবং এর টেস্ট স্যুট চালান:
claude plugin validate .
claude plugin test .Claude Code প্রথমবার মডটি লোড করার সময় .claude-plugin/types/-এ API টাইপ ডেফিনিশন লিখে। এরপর আপনি এই কমান্ড দিয়ে প্রজেক্টের টাইপ পরীক্ষা করতে পারেন:
tsc -p .উপসংহার
Claude Image View প্রম্পটের উপরে রেসপনসিভ, নম্বরযুক্ত থাম্বনেইল দেখিয়ে ছবি-ভিত্তিক Claude Code সেশন অনুসরণ করা সহজ করে। ইনস্টলেশনের জন্য মাত্র কয়েকটি কমান্ড লাগে, প্রিভিউ তাৎক্ষণিকভাবে দেখা যায় এবং সব প্রক্রিয়াকরণ স্থানীয়ভাবেই সম্পন্ন হয়। সমর্থিত Claude Code সংস্করণ এবং kitty-সামঞ্জস্যপূর্ণ টার্মিনাল থাকলে, শুধু অস্পষ্ট ইমেজ ট্যাগের ওপর নির্ভর না করে পেস্ট করা ছবিগুলো তুলনা ও রেফারেন্স করতে পারবেন।