Claude Code এবং Fable দিয়ে একটি প্রম্পটে কার্যকরী ওয়েব অ্যাপ তৈরি করুন
এক বাক্যে আইডিয়া লিখুন - ১০ মিনিটে প্রস্তুত কোড এবং ধাপে ধাপে ইন্টারঅ্যাকটিভ গাইড পেয়ে যান।
- 1.Node.js (LTS সংস্করণ) অফিসিয়াল ওয়েবসাইট থেকে ইনস্টল করুন, যদি ইতিমধ্যে ইনস্টল করা না থাকে। টার্মিনালে node -v কমান্ড দিয়ে যাচাই করুন - সংস্করণ দেখানো উচিত।
আপনার অঞ্চলে সরাসরি সেবা অনুপলব্ধ থাকলে ডাউনলোডের সময় VPN ব্যবহার করুন।
Node.js ↗ - 2.npm এর মাধ্যমে Claude Code গ্লোবালি ইনস্টল করুন। টার্মিনাল খুলুন এবং ইনস্টল কমান্ড চালান, তারপর কনসোলের নির্দেশ অনুসরণ করে অথেন্টিকেশন সম্পন্ন করুন।
Claude Pro এবং Max সাবস্ক্রাইবারদের জন্য Claude Code বিনামূল্যে। সাবস্ক্রিপশন ছাড়া একটি প্ল্যান প্রয়োজন - খরচের বিভাগ দেখুন।
Claude Code ↗টুল সম্পর্কেপ্রম্পটnpm install -g @anthropic-ai/claude-code
এই প্রম্পটটি কী করেএই কমান্ডটি Claude Code CLI টুল গ্লোবালি ইনস্টল করে। কিছু পরিবর্তন করার দরকার নেই - টার্মিনালে যেমন আছে তেমনই চালান। - 3.প্রজেক্টের জন্য একটি খালি ফোল্ডার তৈরি করুন, টার্মিনালে সেখানে যান এবং claude কমান্ড দিয়ে Claude Code চালু করুন। প্রথমবার চালু করার সময় Anthropic অ্যাকাউন্ট যুক্ত করতে স্ক্রিনের নির্দেশ অনুসরণ করুন।
আপনার অঞ্চলে সেবা অনুপলব্ধ থাকলে অথেন্টিকেশনের জন্য VPN প্রয়োজন হবে।
Claude Code ↗টুল সম্পর্কেপ্রম্পটmkdir my-app && cd my-app && claude
এই প্রম্পটটি কী করেmy-app ফোল্ডার তৈরি করে, সেখানে প্রবেশ করে Claude Code ইন্টারঅ্যাকটিভ সেশন চালু করে। ফোল্ডারের নাম যেকোনো কিছু রাখতে পারেন। - 4.Claude Code সেশনে নিচের প্রম্পটটি পেস্ট করুন। এটি এক ধাপে প্রজেক্টের কাঠামো, লজিক এবং ফাইল তৈরি করবে।
Claude Code নিজেই বর্তমান ফোল্ডারে ফাইল তৈরি করবে। হাতে কোড কপি করার দরকার নেই।
Claude Code ↗টুল সম্পর্কেপ্রম্পট«[APP_NAME]» নামে একটি সিঙ্গেল-পেজ ওয়েব অ্যাপ তৈরি করো যা নিম্নলিখিত কাজ করে: [DESCRIBE_WHAT_IT_DOES]। ভ্যানিলা HTML, CSS এবং JavaScript ব্যবহার করো একটি index.html ফাইলে। UI পরিষ্কার এবং রেসপন্সিভ রাখো। একটি শিরোনাম «[APP_NAME]», একটি ইনপুট ফর্ম এবং একটি ফলাফল এলাকা যোগ করো। বেসিক ইনপুট ভ্যালিডেশন যোগ করো।
এই প্রম্পটটি কী করেএই প্রম্পট Claude Code কে একটি সিঙ্গেল-পেজ ওয়েব অ্যাপ তৈরি করতে বলে। [APP_NAME] আপনার অ্যাপের নাম দিয়ে পরিবর্তন করুন (যেমন, Task Tracker), এবং [DESCRIBE_WHAT_IT_DOES] - অ্যাপটি কী করে তার বিবরণ (যেমন, ইউজার টাস্ক যোগ করতে, সম্পন্ন চিহ্নিত করতে এবং মুছতে পারে)। বাকি টেক্সট যেমন আছে রাখুন - Claude বর্তমান ফোল্ডারে index.html ফাইল তৈরি করবে। - 5.Fable ওয়েবসাইট খুলুন, Get Started ক্লিক করুন এবং Google বা ইমেইল দিয়ে লগইন করুন। ফ্রি প্ল্যানে পাবলিক গাইড তৈরি করা যায়।
অপ্রয়োজনে থার্ড-পার্টি সেবায় ব্যক্তিগত বা পেমেন্ট তথ্য দেবেন না। Fable স্ক্রিন রেকর্ডিংয়ের জন্য ব্যবহৃত হয়।
Fable ↗ - 6.Fable এ স্ক্রিন রেকর্ডিং চালু করুন, ব্রাউজারে index.html ফাইল খুলুন (ডাবল ক্লিক করে), অ্যাপের কাজ দেখান - ডেটা ইনপুট করুন, ফলাফল দেখান। রেকর্ডিং বন্ধ করুন এবং লিংক কপি করে গাইড প্রকাশ করুন।
রেকর্ড করার আগে ব্যক্তিগত তথ্য সম্বলিত ট্যাব বন্ধ করুন - সেগুলো রেকর্ডে চলে আসতে পারে।
Fable ↗
💰 এটি অনুসরণ করতে কত খরচ2026-08 অনুযায়ী দাম
- বিনামূল্যেNode.jsডাউনলোড এবং ব্যবহারের জন্য সম্পূর্ণ বিনামূল্যে।
- সাবস্ক্রিপশনClaude CodeClaude Pro ($20/মাস) বা Max ($100/মাস) সাবস্ক্রিপশন প্রয়োজন; সাবস্ক্রিপশন ছাড়া API এর মাধ্যমে টোকেন অনুযায়ী পেমেন্টে ব্যবহার করা যায়। কোনো ফ্রি প্ল্যান নেই।
- বিনামূল্যেFableফ্রি প্ল্যানে পাবলিক ইন্টারঅ্যাকটিভ গাইড তৈরি করা যায়; টিমের জন্য পেইড প্ল্যান আছে।
চেষ্টা করুন এবং প্রথম হয়ে চিহ্ন দিন
আজ কেন
2
48 ঘণ্টায় ক্রিয়েটরদের ভিডিও
2
সোর্স চ্যানেল
৬.২ হা
মোট ভিউ
Fableweb
সপ্তাহের রেসিপি ইমেইলে
এআই পরিষেবা দ্রুত বদলায় - ইন্টারফেস ও ফ্রি সীমা বর্ণনার থেকে আলাদা হতে পারে।