প্রকল্প সম্পর্কে

Screenshot to Code একটি ওপেন-সোর্স টুল যা স্ক্রিনশট, মকআপ, Figma ডিজাইন এবং স্ক্রিন রেকর্ডিংকে পরিষ্কার, কার্যকরী ফ্রন্ট-এন্ড কোডে রূপান্তর করে। এটি Gemini, GPT এবং Claude-এর মতো AI মডেল ব্যবহার করে ভিজ্যুয়াল ইনপুট থেকে সঠিক প্রতিলিপি তৈরি করে। সমর্থিত আউটপুট স্ট্যাকের মধ্যে রয়েছে HTML + Tailwind, HTML + CSS, React + Tailwind, Vue + Tailwind, Bootstrap এবং Ionic + Tailwind। টুলটি শুধুমাত্র স্ট্যাটিক ইমেজ নয়, বরং ওয়েবসাইটের স্ক্রিন রেকর্ডিংকে কার্যকরী প্রোটোটাইপে রূপান্তরের সুবিধাও প্রদান করে। Replicate-চালিত ইমেজ-সম্পর্কিত বৈশিষ্ট্যের মধ্যে রয়েছে অ্যাসেট এক্সট্রাকশন (উৎস স্ক্রিনশট থেকে প্রকৃত লোগো এবং ছবি পুনঃব্যবহার), ইমেজ জেনারেশন, ব্যাকগ্রাউন্ড রিমুভাল এবং ইমেজ এডিটিং। একটি স্ক্রিনশট প্রিভিউ ফিচার হেডলেস ব্রাউজারে জেনারেটেড পেজগুলি রেন্ডার করে দৃশ্যমান স্ব-পরীক্ষার সুযোগ দেয়। প্রজেক্টটি একটি React/Vite ফ্রন্টএন্ড এবং FastAPI ব্যাকএন্ড নিয়ে গঠিত। এটি স্থানীয়ভাবে চালানো যায় কমপক্ষে একজন প্রদানকারীর API কী দিয়ে (OpenAI, Anthropic বা Gemini), অথবা Docker-এর মাধ্যমে ডিপ্লয় করা যায়। সর্বোত্তম নির্ভুলতা এবং সম্পূর্ণ বৈশিষ্ট্য সমর্থনের জন্য Gemini এবং Replicate কী ব্যবহারের পরামর্শ দেওয়া হয়। ব্যবহারের বিকল্প: - সেটআপ ছাড়া দ্রুত ব্যবহারের জন্য screenshottocode.com-এ হোস্ট করা আছে। - কাস্টমাইজেশন, অবদান বা ব্যক্তিগত ডিপ্লয়মেন্টের জন্য স্থানীয়ভাবে সেলফ-হোস্টেড।