30টি Vibe Coding প্রম্পট যা আপনি কপি করতে পারেন (চিট শিট)

সেরা vibe coding প্রম্পটগুলো ছোট, নির্দিষ্ট এবং আচরণ-কেন্দ্রিক: অ্যাপটি কে ব্যবহার করে, কী করতে পারে, কী সংরক্ষণ করে এবং কেমন দেখায়। নিচে 30টি প্রম্পট আছে যা আপনি কপি ও পেস্ট করতে পারেন, আপনি যে ধাপে আছেন সেই অনুযায়ী সাজানো, প্রথম বানানো থেকে প্রকাশ পর্যন্ত। [বন্ধনীর] অংশগুলো আপনার নিজের বিবরণ দিয়ে বদলান।

এগুলো যেকোনো AI অ্যাপ বিল্ডার বা কোডিং এজেন্টে কাজ করে। এর পেছনের যুক্তি জানতে চাইলে আমাদের দীর্ঘ গাইড AI অ্যাপ বিল্ডারের জন্য প্রম্পট কীভাবে লিখবেন নীতিগুলো ব্যাখ্যা করে। এই পেজটি চিট শিট।

এই চিট শিট কীভাবে ব্যবহার করবেন

• একটি প্রথম-বানানোর প্রম্পট দিয়ে শুরু করুন, তারপর অন্যগুলো একবারে একটি করে ব্যবহার করুন।
• প্রতিটি প্রম্পটের পর পরীক্ষা করুন। পরের টি পাঠানোর আগে পরিবর্তনটি ক্লিক করে দেখুন।
• যা কাজ করে তা রাখুন। এখানকার বেশিরভাগ ফলো-আপ প্রম্পট “বাকি সব একই রাখো” দিয়ে শেষ হয়, একটি কারণে।
• হুবহু লেখা পেস্ট করুন। এররের বার্তা, বোতামের লেখা ও পর্দার শব্দ যেকোনো বিবরণের চেয়ে ভালো।

প্রথম-বানানোর প্রম্পট

এগুলো অ্যাপের আকার ঠিক করে। প্রতিটি ব্যবহারকারী, কাজ, ডেটা ও চেহারার নাম দেয়।

1. একটি সহজ ট্র্যাকার

আমার জন্য একটি [অভ্যাসের] ট্র্যাকার বানাও। আমি একটি [অভ্যাস] নাম ও একটি রং দিয়ে যোগ করতে পারব, দিনে একবার টিক দিতে পারব, এবং একটি 30-দিনের গ্রিড ও আমার বর্তমান ধারাবাহিকতা দেখতে পারব। সবকিছু সংরক্ষণ করো যাতে রিফ্রেশের পরও থাকে। পরিষ্কার, ন্যূনতম ডিজাইন যা ফোনে কাজ করে।

2. একটি ছোট ব্যবসার বুকিং পেজ

আমার [চুলের সেলুনের] জন্য একটি বুকিং পেজ বানাও। গ্রাহকরা একটি সেবা ([কাট 30 মিনিট, রং 90 মিনিট]), একটি তারিখ এবং [9:00 থেকে 18:00]-এর মধ্যে একটি ফাঁকা সময়স্লট বাছবে, তারপর নাম, ফোন ও ইমেইল লিখবে। দুজন মানুষ একই স্লট বুক করতে পারবে না। একটি ব্যক্তিগত অ্যাডমিন পেজ দরকার, লগইনের পেছনে, যা দিনভিত্তিক আসন্ন বুকিং দেখাবে।

3. একটি অভ্যন্তরীণ টুল

আমার দলের জন্য [সরঞ্জাম ধার] ট্র্যাক করার একটি অভ্যন্তরীণ টুল বানাও। প্রতিটি আইটেমের একটি নাম, একটি কোড এবং একটি অবস্থা থাকবে (উপলব্ধ, ধার দেওয়া, নষ্ট)। স্টাফরা লগইন করে একটি আইটেম নিজের নামে নিতে ও ফেরত দিতে পারবে। অবস্থা অনুযায়ী ফিল্টারসহ একটি টেবিল এবং প্রতিটি আইটেম কে নিয়েছিল তার ইতিহাস দেখাও।

4. ওয়েটলিস্টসহ একটি ল্যান্ডিং পেজ

[আমার পণ্য: ব্যস্ত অভিভাবকদের জন্য একটি মিল-প্ল্যানিং অ্যাপ] এর জন্য একটি এক-পাতার ওয়েবসাইট বানাও। হিরো শিরোনাম, এক বাক্যের উপশিরোনাম ও একটি ইমেইল সাইন-আপ। তারপর তিনটি সুবিধা, একটি সংক্ষিপ্ত কীভাবে কাজ করে অংশ এবং একটি FAQ। সাইন-আপ ইমেইল একটি ডেটাবেসে সংরক্ষণ করো এবং একটি ব্যক্তিগত অ্যাডমিন পেজে তালিকা দেখাও।

5. একটি ক্লায়েন্ট পোর্টাল

আমার [ডিজাইন স্টুডিওর] জন্য একটি ক্লায়েন্ট পোর্টাল বানাও। প্রতিটি ক্লায়েন্ট লগইন করে শুধু নিজের প্রজেক্ট দেখে, স্ট্যাটাস, আমার আপলোড করা ফাইল ও একটি মন্তব্য থ্রেডসহ। আমি অ্যাডমিন হিসেবে লগইন করে সব ক্লায়েন্ট দেখি। ক্লায়েন্টরা কখনো একে অপরের ডেটা দেখতে পারবে না।

6. একটি ক্যালকুলেটর বা কোট টুল

আমার [পরিষ্কারের ব্যবসার] জন্য একটি কোট ক্যালকুলেটর বানাও। ইনপুট: শোয়ার ঘরের সংখ্যা, বাথরুমের সংখ্যা, অতিরিক্ত সেবা (ওভেন, জানালা, ফ্রিজ) এবং ফ্রিকোয়েন্সি (একবার, সাপ্তাহিক, মাসিক)। অপশন বদলালে দাম দেখাও, সঙ্গে বিশ্লেষণ। দাম: [আপনার মূল্য তালিকা পেস্ট করুন]। কোট অনুরোধ আমাকে ইমেইলে পাঠানোর একটি বোতাম যোগ করো।

পরিকল্পনার প্রম্পট

এগুলো বড় ফিচারের আগে, বা কীভাবে কিছু বর্ণনা করবেন তা নিশ্চিত না হলে ব্যবহার করুন।

7. বানানোর আগে পরিকল্পনা করুন

কোনো কোড লেখার আগে সাধারণ কথায় বর্ণনা করো কোন স্ক্রিন বানাবে, কোন ডেটা সংরক্ষণ করবে এবং আমার কাছ থেকে কোন সিদ্ধান্ত দরকার। আমার সম্মতির জন্য অপেক্ষা করো।

8. একটি এলোমেলো ধারণাকে প্রথম সংস্করণে রূপ দিন

আমার ধারণা: [নোট পেস্ট করুন]। সবচেয়ে ছোট প্রথম সংস্করণ প্রস্তাব করো যা এখনও কাজের, 5–8টি বুলেট পয়েন্টে। যা পরের জন্য রাখবে এবং কেন, তা তালিকাভুক্ত করো।

9. কী বাদ আছে জিজ্ঞাসা করুন

এটি বানানোর আগে একজন ডেভেলপার আমাকে কী প্রশ্ন করবে? একটি একটি করে জিজ্ঞাসা করো, তারপর আমার উত্তরগুলো একটি ছোট স্পেসিফিকেশনে সাজাও।

10. একটি বড় পরিবর্তন আগে পরীক্ষা করুন

আমি [একাধিক ব্যক্তি এক ওয়ার্কস্পেস শেয়ার করবে এমন দলের অ্যাকাউন্ট] যোগ করতে চাই। ডেটা, স্ক্রিন ও অনুমতিতে কী বদলাতে হবে এবং কী ভাঙতে পারে তা ব্যাখ্যা করো। এখনো কিছু বদলিয়ো না।

ডিজাইনের প্রম্পট

11. একটি স্পষ্ট স্টাইল ঠিক করুন

অ্যাপটির স্টাইল বদলাও: উষ্ণ অফ-হোয়াইট ব্যাকগ্রাউন্ড, গাঢ় লেখা, একটি অ্যাকসেন্ট রং [#1F6F50], গোলাকার কোণ, উদার ফাঁকা জায়গা ও একটি আধুনিক স্যান্স-সেরিফ ফন্ট। লেআউট ও প্রতিটি ফিচার ঠিক যেমন আছে তেমন রাখো।

12. একটি রেফারেন্সের অনুভূতি কপি করুন

ড্যাশবোর্ডকে একটি শান্ত অর্থ-ব্যবস্থাপনা অ্যাপের মতো করো: প্রচুর ফাঁকা জায়গা, সংখ্যা বড় ও গাঢ়, লেবেল ছোট ও ধূসর, শীর্ষে একটি সহজ চার্ট। কোনো ব্র্যান্ডের লোগো বা লেখা কপি করো না।

13. ফোনের লেআউট ঠিক করুন

375px প্রস্থের ফোনে [অর্ডার পেজের] টেবিল পাশে স্ক্রল করে এবং বোতামগুলো ওভারল্যাপ করে। ছোট পর্দায় প্রতিটি সারিকে একটি স্ট্যাক করা কার্ডে রূপ দাও। ডেস্কটপ লেআউট বদলিও না।

14. খালি, লোডিং ও এরর অবস্থা

[প্রজেক্টের তালিকায়] সঠিক অবস্থাগুলো যোগ করো: প্রথম প্রজেক্ট যোগ করার বোতামসহ একটি বন্ধুত্বপূর্ণ খালি অবস্থা, ডেটা লোডের সময় একটি লোডিং স্কেলিটন, এবং লোড ব্যর্থ হলে একটি স্পষ্ট বার্তা ও পুনরায় চেষ্টার বোতাম।

15. ডান-থেকে-বামে সমর্থন

ইন্টারফেসের একটি আরবি সংস্করণ যোগ করো, পুরোপুরি ডান-থেকে-বামে লেআউটসহ। দিক নির্দেশক আইকন উল্টাতে হবে; সংখ্যা ও তারিখ লোকেল ফরম্যাটে দেখাবে। ইংরেজিকে ডিফল্ট রাখো।

ডেটা ও ফিচারের প্রম্পট

16. ডেটা স্থায়ী করুন

এখন রিফ্রেশ করলে আমার ডেটা হারিয়ে যায়। পরিবর্তে এটি একটি আসল ডেটাবেসে সংরক্ষণ করো, এবং বর্তমান স্ক্রিনগুলো আগের মতোই কাজ করুক।

17. লগইন যোগ করুন

ইমেইল ও পাসওয়ার্ড দিয়ে সাইন-আপ ও লগইন যোগ করো। প্রতিটি ব্যবহারকারী শুধু নিজের [এন্ট্রি] দেখবে ও সম্পাদনা করবে। উপরের বারে ব্যবহারকারীর ইমেইল ও একটি লগ-আউট বোতাম দেখাও।

18. ভূমিকা যোগ করুন

দুটি ভূমিকা যোগ করো: অ্যাডমিন ও সদস্য। অ্যাডমিনরা [পণ্য] যোগ, সম্পাদনা ও মুছতে পারবে; সদস্যরা শুধু দেখতে পারবে। এটি সার্ভারে কার্যকর করো, শুধু বোতাম লুকিয়ে নয়।

19. সার্চ ও ফিল্টার যোগ করুন

[যোগাযোগের তালিকার] উপরে একটি সার্চ বক্স যোগ করো যা আমি টাইপ করার সময় নাম, কোম্পানি বা ইমেইল মেলায়, সঙ্গে [স্ট্যাটাস]-এর একটি ফিল্টার। বর্তমান সাজানোর ক্রম রাখো।

20. ফাইল আপলোড যোগ করুন

ব্যবহারকারীরা প্রতিটি [তালিকায়] সর্বোচ্চ [5]টি ছবি সংযুক্ত করতে পারবে, প্রতিটি সর্বোচ্চ [5 MB]। তালিকায় থাম্বনেইল দেখাও এবং ক্লিকে একটি বড় ভিউ। শুধু মালিক তার ছবি মুছতে পারবে।

21. একটি স্প্রেডশিট থেকে আমদানি করুন

একটি Import বোতাম যোগ করো যা [name, email, phone, notes] কলামসহ একটি CSV নেয়, প্রথম 10 সারির একটি প্রিভিউ দেখায় এবং সংরক্ষণের আগে আমাকে নিশ্চিত করতে দেয়। ইমেইলবিহীন সারি বাদ দাও এবং কতটি বাদ গেল তা জানাও।

বাগ ঠিক করার প্রম্পট

22. বাগ স্পষ্টভাবে রিপোর্ট করুন

যখন আমি [এডিট ফর্মে Save ক্লিক করি], আমি “[হুবহু এররের লেখা]” দেখি এবং পরিবর্তন সেভ হয় না। প্রত্যাশিত: পরিবর্তন সেভ হবে এবং আমি তালিকায় ফিরব। কারণ খুঁজে বের করো, এক বা দুই বাক্যে ব্যাখ্যা করো, তারপর ঠিক করো।

23. একটি ঠিক করার চক্র থামান

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

24. পাশের প্রভাব আনডু করুন

তোমার শেষ পরিবর্তনে তারিখ বাছাইকারী ঠিক হয়েছে, কিন্তু [সাইডবার] উধাও হয়ে গেছে। সাইডবারটি আগের মতো ফিরিয়ে আনো এবং তারিখ বাছাইকারীর ঠিকটি রাখো।

25. বদলানোর আগে ব্যাখ্যা করুন

[চেকআউট মোট] এখন কীভাবে গণনা হয়, ধাপে ধাপে ব্যাখ্যা করো, সংশ্লিষ্ট ফাইলগুলো উল্লেখ করে। কিছু বদলিও না।

পরীক্ষা ও পর্যালোচনার প্রম্পট

26. প্রান্তিক ক্ষেত্র

একজন আসল ব্যবহারকারী [বুকিং ফর্ম] কীভাবে ভাঙতে পারে তার 10টি উপায় তালিকাভুক্ত করো: খালি ফিল্ড, খুব লম্বা লেখা, ডাবল ক্লিক, একসঙ্গে দুজন মানুষ, ভুল সময় অঞ্চল। প্রতিটি পরীক্ষা করো এবং যা ব্যর্থ হয় তা ঠিক করো। কী বদলিয়েছ জানাও।

27. সাম্প্রতিক পরিবর্তনের সারসংক্ষেপ

শেষ [পাঁচ] ধাপে তুমি যে প্রতিটি পরিবর্তন করেছ সেগুলো সাধারণ কথায় সংক্ষেপে বলো, এবং বিদ্যমান ডেটাকে প্রভাবিত করতে পারে এমন কিছু থাকলে চিহ্নিত করো।

নিরাপত্তার প্রম্পট

এগুলো আমাদের vibe coding কি নিরাপদ? পেজের সঙ্গে ব্যবহার করুন।

28. ডেটা অ্যাক্সেস পরীক্ষা করুন

সার্ভার কোড পরীক্ষা করো: একজন লগইন করা ব্যবহারকারী কি একটি অনুরোধে ID বদলে অন্য কারও [রেকর্ড] পড়তে বা বদলাতে পারে? যেখানে অ্যাক্সেস যাচাই হয় তা দেখাও এবং যেকোনো ফাঁক ঠিক করো।

29. প্রকাশিত সিক্রেট পরীক্ষা করুন

এই অ্যাপ যেসব API কী, পাসওয়ার্ড বা টোকেন ব্যবহার করে তার তালিকা করো এবং প্রতিটি কোথায় সংরক্ষিত তা বলো। নিশ্চিত করো যে কোনোটি ব্রাউজারে চলা কোডে বা ফাইলে কমিট করা নেই। থাকলে সেগুলো সিক্রেটে সরিয়ে নাও।

প্রকাশের প্রম্পট

30. প্রি-লঞ্চ পর্যালোচনা

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

যে প্রম্পট এড়িয়ে চলা উচিত

কিছু প্রম্পট নির্ভরযোগ্যভাবে খারাপ ফলাফল দেয়:

• “এটিকে আরও ভালো করো।” কীভাবে ভালো? স্ক্রিন ও পরিবর্তনের নাম দিন।
• “সব ঠিক করো।” AI অনেক কিছু বদলাবে এবং কী সরেছে আপনি জানবেন না।
• “[লাইব্রেরি] এবং [ফ্রেমওয়ার্ক] এবং [প্যাটার্ন] ব্যবহার করো।” কোনো কারণ না থাকলে আচরণ বর্ণনা করুন এবং টুলকে স্ট্যাক বেছে নিতে দিন।
• “আমার API কী হলো: …” কখনো চ্যাটে সিক্রেট পেস্ট করবেন না। টুলের সিক্রেট সেটিং ব্যবহার করুন।
• এক বার্তায় দশটি ফিচার। সেগুলো ভাগ করে দিন।

প্রম্পটকে অভ্যাসে পরিণত করা

কয়েকটি প্রজেক্টের পর আপনার নিজের সংস্করণ তৈরি হবে। একটি নোটে রাখুন, এবং যেগুলো কাজ করে সেগুলো আবার ব্যবহার করুন। Mythex-ও প্রজেক্ট জুড়ে আপনাকে এবং আপনার কাজের ধরন মনে রাখে, তাই আপনার বারবার বলা পছন্দ, যেমন পছন্দের স্টাইল বা স্ট্যাক, আবার না লিখেই কাজ করে।

প্রথম প্রম্পট নিয়ে আটকে গেলে বিনামূল্যের অ্যাপ প্রম্পট জেনারেটর এক লাইনের ধারণাকে একটি বিস্তারিত শুরুর প্রম্পটে রূপ দেয়। আর এই প্রম্পটগুলো বাস্তবে কী দেখায় জানতে আমাদের vibe coding উদাহরণ পড়ুন, অথবা প্রম্পট 1 পেস্ট করুন AI অ্যাপ বিল্ডার-এ এবং বন্ধনীগুলো আপনার নিজের ধারণা দিয়ে বদলান।

প্রশ্নোত্তর