Claude Code Guide
Read in English

১৫ মিনিট / beginner / 5 ধাপ

একটা Meme Generator বানান

আপনি কেমন meme চান, বলুন। Claude এমন একটা page বানিয়ে দেবে যেটা যেকোনো ছবির ওপর আপনার নিজের লেখা বসিয়ে meme বানায়।

আপনি সত্যিকারের, কাজ করে এমন একটা meme generator বানাতে যাচ্ছেন। যেকোনো ছবি upload করুন, ওপরে কিছু লেখা বসান, result download করুন। কোনো coding লাগবে না। Canvas API-র সব কাজ Claude আপনার হয়ে লিখে দেবে। শেষে আপনার হাতে থাকবে সত্যিই ব্যবহার করার মতো একটা tool, আর বন্ধুদের শোনানোর মতো একটা গল্প।

কোথায় follow করবেন

যা লাগবে: একটি Claude account। Browser-এ claude.ai খুলুন, অথবা Claude desktop app ব্যবহার করুন।

  1. ধাপ 01 / 05

    Claude-কে বলুন আপনি কী চান

    আপনি কেমন meme generator বানাতে চান, describe করুন। নির্দিষ্ট করে বলুন: একটা ছবি upload করবেন, ওপরে আর নিচে লেখা বসাবেন, আর result download করবেন। একটা লাইন code লেখার আগেই Claude পুরো plan করে নেবে।

    Prompt
    আমাকে একটা HTML file-এ একটা meme generator বানিয়ে দিন। এতে থাকবে: - আমার কম্পিউটার থেকে যেকোনো ছবি upload করার option - ওপরে আর নিচে bold সাদা লেখা (classic meme style) - টাইপ করার সঙ্গে সঙ্গে live preview - একটা Download button, যেটা final meme PNG হিসেবে save করবে - পুরোটা browser-এই চলবে, কোনো server লাগবে না

    আপনি যা দেখবেন

  2. ধাপ 02 / 05

    বানানো দেখুন

    Claude একসঙ্গে HTML, CSS আর Canvas API-র code লেখে। দেখুন কীভাবে file-টা তৈরি হয়, আর প্রতিটা অংশ কী করে, Claude সেটাও বুঝিয়ে দেয়। Canvas API দিয়েই browser-এ ছবির ওপর লেখা আঁকা যায়।

    আপনি যা দেখবেন

  3. ধাপ 03 / 05

    Try করে দেখুন

    file-টা browser-এ খুলুন। আপনার কম্পিউটার থেকে যেকোনো ছবি upload করুন, top আর bottom text field-এ কিছু লিখুন, আর দেখুন preview সঙ্গে সঙ্গে update হচ্ছে। তারপর Download চেপে আপনার masterpiece save করুন।

    Prompt 1 / 2
    file-টা save করে খুলেছি। Canvas ফাঁকা, টাইপ করলেও কিছু দেখাচ্ছে না।
    Prompt 2 / 2
    হয়েছে! একটা ছবি upload করলাম, সঙ্গে সঙ্গে লেখা চলে এলো। দারুণ ব্যাপার।

    আপনি যা দেখবেন

  4. ধাপ 04 / 05

    আরও ভালো করুন

    Basic version কাজ করছে। এবার এটাকে আরও জমিয়ে তোলা যাক। Claude-কে আরও feature যোগ করতে বলুন: font size slider, লেখার জন্য color picker, built-in meme template, বা ছবির যেকোনো জায়গায় লেখা drag করে সরানোর সুবিধা।

    Prompt
    আমার meme generator-এ এই feature-গুলো যোগ করুন: 1. একটা font size slider (20px থেকে 120px) 2. একটা text color picker (default সাদা) 3. click করে load করার মতো তিনটা preset meme template 4. Canvas-এ drag-and-drop করে লেখা সরানোর option

    আপনি যা দেখবেন

  5. ধাপ 05 / 05

    পছন্দের meme-গুলো save করুন

    Download button একবারে একটা meme save করে। কিন্তু যদি একটা gallery চান? Claude-কে একটা "Save to Gallery" feature যোগ করতে বলুন, যেটা আপনার বানানো meme-গুলো একই page-এ রেখে দেবে, যাতে যেকোনো সময় দেখে আবার download করতে পারেন।

    Prompt
    Canvas-এর নিচে একটা meme gallery যোগ করুন। "Save to Gallery"-তে click করলে এখনকার meme-টা নিচে thumbnail preview-এর একটা grid-এ যোগ হবে। কোনো thumbnail-এ click করলে সেটা আবার download হবে। Gallery memory-তেই রাখুন (কোনো server লাগবে না)।

    আপনি যা দেখবেন

আপনি কী বানালেন, কাউকে জানান

Claude Code Guide-এ "একটা Meme Generator বানান" শেষ করলাম। সময় লাগল প্রায় ১৫ মিনিট, আর এটা ফ্রি: https://claudecodeguide.dev/bn/tutorials/meme-generator

Share on LinkedIn

New guides, when they ship

One email, roughly weekly. CLAUDE.md templates, workflows I actually use, and the cut-for-length stuff that does not make the public guides. One-click unsubscribe.

Or read Product Field Notes, the Substack