ওয়েবসাইট প্লেবুক কী
«ওয়েবসাইট প্লেবুক · Website Playbook» হলো AI-ভিত্তিক ওয়েবসাইট নির্মাণ সহায়কদের জন্য একটি কাজের পদ্ধতি। এর বর্তমান সংস্করণ 2.0.1, যা মূলত Codex পরিবেশে যাচাই করা হয়েছে। এটি কোনো ওয়েবসাইট ফ্রেমওয়ার্ক, CMS বা হোস্টিং প্ল্যাটফর্ম নয়; বরং Agent-কে চাহিদা সঠিকভাবে বুঝতে, রেফারেন্স বাস্তবায়ন যাচাই করতে, বিদ্যমান প্রকল্প সুরক্ষিত রাখতে এবং গ্রহণযোগ্যতা যাচাই ও হস্তান্তর সম্পন্ন করতে সহায়তা করা কিছু বাস্তবায়ন নিয়মের সমষ্টি।
এটি ব্যক্তিগত ওয়েবসাইট, পোর্টফোলিও, গবেষণা ও সংগঠনের ওয়েবসাইট এবং কনটেন্ট সাইটে ব্যবহার করা যায়। বিদ্যমান ওয়েবসাইটের পুনর্গঠন ও আংশিক মেরামতের কাজেও এটি উপযোগী। মূল কাজের প্রবাহের পাশাপাশি প্রকল্পটিতে 16টি বেনামী অভিজ্ঞতা এবং প্রকল্প সংক্ষিপ্তসার ও ওয়েবসাইট হস্তান্তরের দুটি টেমপ্লেট রয়েছে।
মূল সক্ষমতা ও কাজের নীতি
চাহিদার পরিধি বজায় রাখা
ওয়েবসাইট প্লেবুক তিন ধরনের তথ্য আলাদা করতে বলে: ব্যবহারকারী স্পষ্টভাবে জানিয়েছেন এমন চাহিদা, কাজ সম্পন্ন করতে প্রয়োজনীয় বাস্তবায়ন বিবরণ এবং আলোচনা করা যেতে পারে কিন্তু এখনো নিশ্চিত নয় এমন পরামর্শ। এতে AI-এর পক্ষ থেকে নিজে থেকে বিভাগ, ফিচার বা কনটেন্ট যোগ করার প্রবণতা কমে।
প্রথমে রেফারেন্স বাস্তবায়ন যাচাই করুন
প্রথমে Awwwards থেকে ডিজাইনের অনুপ্রেরণা নেওয়া যায়, এরপর মূল সাইটে গিয়ে অ্যাক্সেসযোগ্য সোর্স কোড ও প্রকৃত ইন্টার্যাকশন যাচাই করতে হবে। ভিজ্যুয়াল রেফারেন্স শুধু স্ক্রিনশটের মধ্যে সীমাবদ্ধ থাকা উচিত নয়; মেনু, স্ক্রল, অ্যানিমেশন ও রেসপনসিভ আচরণ কীভাবে কাজ করে তাও নিশ্চিত করতে হবে।
অনুমোদিত সংস্করণ সুরক্ষিত রাখা
বিদ্যমান ওয়েবসাইট সংশোধনের আগে সঠিক প্রকল্প ও বেসলাইন শনাক্ত করতে হবে এবং কোন কনটেন্ট রাখতে হবে ও কোন পরিবর্তন এখনো কমিট করা হয়নি তা চিহ্নিত করতে হবে। নিশ্চিতকরণ ছাড়া ব্যবহারকারী ইতিমধ্যে অনুমোদন করেছেন এমন সংস্করণ সরাসরি ওভাররাইট করা উচিত নয়।
বাস্তব অভিজ্ঞতা যাচাই করা
গ্রহণযোগ্যতা যাচাই শুধু পেজ খোলা যাচ্ছে কি না তা নিশ্চিত করা নয়। কাজের পরিধি অনুযায়ী মোবাইল ডিসপ্লে, কিবোর্ড নিয়ন্ত্রণ, মেনুর অবস্থা, অ্যানিমেশনের সম্পূর্ণ প্রক্রিয়া এবং ব্যর্থতার অবস্থা পরীক্ষা করতে হবে। কোন বিষয় বাস্তবে পরীক্ষা করা হয়েছে এবং কোনগুলো এখনো যাচাই করা হয়নি, তা স্পষ্টভাবে নথিভুক্ত করতে হবে।
রক্ষণাবেক্ষণের পথ রেখে দেওয়া
ওয়েবসাইট হস্তান্তরের সময় কনটেন্ট কোথায় আপডেট করা হয়, পরিবর্তন কখন কার্যকর হয়, কীভাবে প্রকাশ করতে হয় এবং সমস্যা হলে কীভাবে রোলব্যাক করতে হয় তা জানাতে হবে। এতে হস্তান্তর করা ফলাফল পরবর্তী সময়েও রক্ষণাবেক্ষণ করা যায় এবং শুধু বর্তমান বাস্তবায়নকারীর ওপর নির্ভর করতে হয় না।
ইনস্টলের আগে প্রস্তুতি
এই Skill ব্যবহারের আগে Skill সমর্থনকারী একটি স্থানীয় পরিবেশ থাকতে হবে। নির্দিষ্ট ওয়েবসাইট প্রকল্পের জন্য প্রয়োজনীয় কনটেন্ট, ডেভেলপমেন্ট পরিবেশ, টুলের অনুমতি ও গ্রহণযোগ্যতার শর্তও লাগবে। প্রকল্পটি মূলত Codex-এ যাচাই করা হয়েছে, তাই README সব AI প্ল্যাটফর্মের সম্পূর্ণ সামঞ্জস্যের নিশ্চয়তা দেয় না।
আপনি v2.0.1 সংস্করণের বিবরণ দেখতে পারেন অথবা সরাসরি v2.0.1-এর সম্পূর্ণ Skill প্যাকেজ ডাউনলোড করতে পারেন।
পদ্ধতি ১: Codex-কে Skill ইনস্টল করতে দিন
নিচের নির্দেশনাটি Codex-কে দিন। নির্দেশনায় একই নামের সংস্করণ আগে থেকে থাকলে কাস্টম পরিবর্তন পরীক্ষা করার কথা বিশেষভাবে বলা হয়েছে, যাতে বিদ্যমান কনটেন্ট সরাসরি ওভাররাইট না হয়।
skill-installer ব্যবহার করে https://github.com/7-an/website-playbook/tree/v2.0.1/skills/build-websites-v2 থেকে এই Skill ইনস্টল করুন।
একই নামের সংস্করণ আগে থেকে থাকলে, প্রথমে আমার কাস্টম পরিবর্তন পরীক্ষা করে সংরক্ষণ করুন; সরাসরি ওভাররাইট করবেন না।ইনস্টল সম্পন্ন হলে নতুন একটি টাস্ক খুলে Skill ব্যবহার করা ভালো, যাতে আগের কথোপকথনের প্রসঙ্গ চাহিদার পরিধিতে হস্তক্ষেপ না করে।
পদ্ধতি ২: ZIP ম্যানুয়ালি ইনস্টল করুন
- v2.0.1-এর সম্পূর্ণ Skill প্যাকেজ ডাউনলোড করুন।
- ডাউনলোড করা ZIP ফাইলটি আনজিপ করুন।
- সম্পূর্ণ
build-websites-v2ফোল্ডারটি খুঁজে নিন। - পুরো ফোল্ডারটি কম্পিউটারে সমর্থিত Skill ডিরেক্টরিতে রাখুন।
- নিশ্চিত করুন যে এর সব সাবডিরেক্টরি ও ফাইল সংরক্ষিত আছে।
শুধু
SKILL.mdকপি করবেন না। এই Skill-এর README, কলিং মেটাডেটা, রেফারেন্স উপকরণ ও টেমপ্লেট রিসোর্সের ওপরও নির্ভরতা রয়েছে।
Skill ইনস্টল ও আবিষ্কার প্রক্রিয়া সম্পর্কে জানতে অফিশিয়াল নির্দেশনা পড়তে পারেন।
প্রকল্পের ফাইল কাঠামো বুঝে নিন
skills/build-websites-v2/
├── SKILL.md # Agent-এর কার্যকরী প্রবেশদ্বার
├── README.md # ইনস্টলেশন, উদাহরণ ও সক্ষমতার সীমা
├── agents/openai.yaml # কলিং মেটাডেটা
├── references/ # প্রয়োজনে ব্যবহারের জন্য 5টি রেফারেন্স, বেনামী অভিজ্ঞতার হিসাবসহ
└── assets/ # প্রকল্প সংক্ষিপ্তসার ও ওয়েবসাইট হস্তান্তর টেমপ্লেটSKILL.md হলো Agent-এর কার্যকরী প্রবেশদ্বার, তবে সম্পূর্ণ কাজের পদ্ধতি অন্যান্য ডিরেক্টরির ওপরও নির্ভর করে। references-এ প্রয়োজনে ব্যবহারের রেফারেন্স উপকরণ থাকে, আর assets-এ প্রকল্প সংক্ষিপ্তসার ও ওয়েবসাইট হস্তান্তর টেমপ্লেট থাকে।
প্রথমবার ওয়েবসাইট প্লেবুক ব্যবহার
প্রকল্পটির প্রকাশ্য নাম «ওয়েবসাইট প্লেবুক», তবে ইতিমধ্যে ইনস্টল করা ব্যবহারকারীদের সামঞ্জস্যের জন্য বর্তমান কলিং নাম build-websites-v2 রাখা হয়েছে। ইনস্টলের পর নতুন টাস্কে নিচের কাঠামো ব্যবহার করা যায়:
$build-websites-v2 ব্যবহার করে আমাকে ওয়েবসাইট তৈরি বা সংশোধন করতে সহায়তা করুন।
লক্ষ্য: ……
বিদ্যমান উপকরণ ও প্রকল্পের পথ: ……
রেফারেন্স ওয়েবসাইট এবং যেসব অংশ অনুসরণ করতে চাই: ……
অবশ্যই রাখতে হবে: ……
এই ধাপের পরিধি: বিশ্লেষণ / স্থানীয় বাস্তবায়ন / প্রকাশ।এই ইনপুট কাঠামোর মূল উদ্দেশ্য হলো লক্ষ্য, প্রকল্পের অবস্থান, রেফারেন্স, সুরক্ষার বিষয় এবং কাজের পরিধিকে আলাদা রাখা। শুধু “এটাকে আরও সুন্দর করে দিন” না বলে নির্দিষ্ট পেজ, প্রত্যাশিত ফলাফল এবং কোন অংশ পরিবর্তন করা যাবে না তা উল্লেখ করুন।
উদাহরণ: একটি পোর্টফোলিও ওয়েবসাইট তৈরি
$build-websites-v2 ব্যবহার করে আমাকে একটি ওয়েবসাইট তৈরি করতে সহায়তা করুন।
লক্ষ্য: গবেষণা প্রকল্প ও ডিজাইনের কাজ প্রদর্শনের জন্য একটি ব্যক্তিগত পোর্টফোলিও ওয়েবসাইট তৈরি করা।
বিদ্যমান উপকরণ ও প্রকল্পের পথ: প্রকল্পটি স্থানীয় নির্দিষ্ট ডিরেক্টরিতে রয়েছে এবং কনটেন্ট ও কাজের উপকরণ গুছিয়ে রাখা হয়েছে।
রেফারেন্স ওয়েবসাইট এবং যেসব অংশ অনুসরণ করতে চাই: নির্দিষ্ট ওয়েবসাইটের হোমপেজের ছন্দ ও প্রকল্প তালিকার বিন্যাস অনুসরণ করুন; এর ছবি, ফন্ট বা কোড কপি করবেন না।
অবশ্যই রাখতে হবে: বর্তমান ব্যক্তিগত পরিচিতি ও প্রকল্পের নাম।
এই ধাপের পরিধি: প্রথমে বিশ্লেষণ, এরপর স্থানীয় বাস্তবায়ন; প্রকাশ নয়।উদাহরণ: বিদ্যমান ওয়েবসাইট সংশোধন
$build-websites-v2 ব্যবহার করে আমাকে ওয়েবসাইট সংশোধন করতে সহায়তা করুন।
লক্ষ্য: মোবাইল মেনু সঠিকভাবে বন্ধ না হওয়ার সমস্যা ঠিক করা।
বিদ্যমান উপকরণ ও প্রকল্পের পথ: প্রকল্পটি স্থানীয় নির্দিষ্ট ডিরেক্টরিতে রয়েছে।
রেফারেন্স ওয়েবসাইট এবং যেসব অংশ অনুসরণ করতে চাই: নেই।
অবশ্যই রাখতে হবে: হোমপেজের কনটেন্ট, ডেস্কটপ নেভিগেশনের স্টাইল এবং বর্তমান আনকমিট করা পরিবর্তন।
এই ধাপের পরিধি: স্থানীয় বাস্তবায়ন ও সংশ্লিষ্ট গ্রহণযোগ্যতা যাচাই; প্রকাশ নয়।দ্বিতীয় উদাহরণে কাজটি শুধু মেনু মেরামতের মধ্যে সীমাবদ্ধ; পুরো সাইট নতুন করে ডিজাইন করার প্রয়োজন নেই। ওয়েবসাইট প্লেবুক এ ধরনের আংশিক কাজ সমর্থন করে, তাই প্রতিবার সম্পূর্ণ ওয়েবসাইট নির্মাণের প্রবাহ চালানোর দরকার নেই।
কাজ অনুযায়ী বাস্তবায়নের পরিধি বেছে নিন
কল করার সময় এই ধাপের পরিধি বিশ্লেষণ, স্থানীয় বাস্তবায়ন বা প্রকাশ হিসেবে স্পষ্ট করা যায়, অথবা একাধিক ধাপ একসঙ্গে নেওয়া যায়।
- শুধু বিশ্লেষণ: রেফারেন্স ওয়েবসাইট গবেষণা, চাহিদা গুছিয়ে নেওয়া বা বিদ্যমান প্রকল্প পরীক্ষা করার জন্য; সরাসরি কোড পরিবর্তন করা হয় না।
- স্থানীয় বাস্তবায়ন: প্রকল্প ও বেসলাইন নিশ্চিত করার পর ওয়েবসাইট সংশোধন করা এবং কাজ-সম্পর্কিত স্থানীয় পরীক্ষা চালানো।
- প্রকাশ: প্রয়োজনীয় অনুমতি থাকতে হবে এবং প্রকাশের আগে হস্তান্তরযোগ্য কনটেন্ট ও ঝুঁকি নিশ্চিত করতে হবে।
- আংশিক মেরামত: শুধু মেনু, ইন্টার্যাকশন বা নির্দিষ্ট সমস্যা সমাধান করা; পরিবর্তনের পরিধি অযথা বাড়ানো নয়।
- সংস্করণ পুনরুদ্ধার: কোন সংস্করণ বা বেসলাইন পুনরুদ্ধার করতে হবে তা স্পষ্ট করা এবং অন্যান্য বিদ্যমান পরিবর্তন সুরক্ষিত রাখা।
উন্নত ব্যবহারের কৌশল
“কী অনুসরণ করতে হবে” স্পষ্ট করুন
রেফারেন্স ওয়েবসাইট দেওয়ার সময় শুধু URL জমা দেবেন না। বিন্যাস, তথ্যের স্তরবিন্যাস, মেনুর আচরণ, অ্যানিমেশনের ছন্দ বা অন্য কোন নির্দিষ্ট অংশ অনুসরণ করতে চান তা জানান। প্রকাশ্যে পড়া যায় এমন সোর্স কোড মানেই কোড, ফন্ট ও ছবি ইচ্ছেমতো কপি করা যাবে না; পুনর্ব্যবহারের আগে সংশ্লিষ্ট লাইসেন্স মেনে চলতে হবে।
প্রম্পটে সুরক্ষার বিষয়গুলো লিখুন
প্রকল্পে অনুমোদিত সংস্করণ থাকলে কোন পেজ, কনটেন্ট, ইন্টার্যাকশন ও আনকমিট করা পরিবর্তন অবশ্যই রাখতে হবে তা স্পষ্টভাবে লিখুন। একই নামের Skill সংস্করণ ইনস্টলের ক্ষেত্রেও একই নীতি অনুসরণ করুন: প্রথমে পার্থক্য পরীক্ষা করুন, তারপর আপডেট করার পদ্ধতি নির্ধারণ করুন; সরাসরি ওভাররাইট করবেন না।
গ্রহণযোগ্যতা যাচাইয়ের রেকর্ড চাইুন
কাজ শেষ হলে Agent-কে বাস্তবে পরীক্ষা করা বিষয়গুলোর তালিকা দিতে বলা যায়, যেমন মোবাইল লেআউট, কিবোর্ড নিয়ন্ত্রণ, মেনু খোলা ও বন্ধ হওয়া, অ্যানিমেশনের সম্পূর্ণ প্রক্রিয়া এবং ব্যর্থতার অবস্থা পরীক্ষা করা হয়েছে কি না। ব্রাউজার, রেফারেন্স সোর্স কোড বা বাহ্যিক রিসোর্স অ্যাক্সেসযোগ্য না হলে সেগুলোকে যাচাই না হওয়া বিষয় হিসেবে চিহ্নিত করতে হবে, অনুমান করে পাস বলা যাবে না।
হস্তান্তরকে কাজের অংশ করুন
প্রম্পটে হস্তান্তরের চাহিদা যোগ করুন, যাতে চূড়ান্ত ফলাফলে কনটেন্ট আপডেটের স্থান, কার্যকর হওয়ার শর্ত, প্রকাশের ধাপ এবং রোলব্যাকের পদ্ধতি উল্লেখ থাকে। প্রকল্পের হস্তান্তর টেমপ্লেট এসব তথ্য গুছিয়ে নিতে সহায়তা করতে পারে।
প্রথমে বিশ্লেষণ, পরে বাস্তবায়নের অনুমতি
রেফারেন্স জটিল হলে, বিদ্যমান প্রকল্প অপরিচিত হলে বা পরিবর্তনের ঝুঁকি বেশি হলে প্রথমে কাজের পরিধি “শুধু বিশ্লেষণ”-এ সীমাবদ্ধ করা যায়। বিশ্লেষণের ফলাফল ও পরিধি নিশ্চিত করার পর স্থানীয় বাস্তবায়ন বা প্রকাশের কাজ শুরু করুন। এই ধাপে ধাপে পদ্ধতি ভুল পরিবর্তনের ঝুঁকি কমাতে সহায়তা করে।
সক্ষমতার সীমা ও সতর্কতা
- এই প্রকল্প কাজের পদ্ধতি ও বাস্তবায়ন নিয়ম সরবরাহ করে; এটি ওয়েবসাইটের কনটেন্ট, ডেভেলপমেন্ট পরিবেশ বা প্রয়োজনীয় অনুমতির বিকল্প নয়।
- এটি কোনো নির্দিষ্ট ফ্রেমওয়ার্ক, CMS বা হোস্টিং প্ল্যাটফর্ম বাধ্যতামূলক করে না।
- Skill ইনস্টল করা মানেই ওয়েবসাইট ডেপ্লয় করার অনুমতি পাওয়া নয়; প্রকাশ বাস্তব অনুমতির ওপর নির্ভর করে।
- রেফারেন্স সোর্স কোড বা ব্রাউজারে অ্যাক্সেস না থাকলে যাচাই না হওয়া বিষয় নথিভুক্ত করতে হবে।
- প্রকাশ্য কনটেন্টে শুধু সাধারণ পদ্ধতি, বেনামী অভিজ্ঞতা ও খালি টেমপ্লেট রয়েছে; মূল চ্যাট, গ্রাহকের উপকরণ, ব্যক্তিগত অ্যাকাউন্ট বা অভ্যন্তরীণ অডিট রেকর্ড নেই।
- প্রকল্পটি মূলত Codex পরিবেশে যাচাই করা হয়েছে; সব প্ল্যাটফর্মের সামঞ্জস্য এখনো সম্পূর্ণভাবে যাচাই করা হয়নি।
উপসংহার
ওয়েবসাইট প্লেবুকের মূল্য আপনার হয়ে প্রযুক্তি স্ট্যাক বেছে নেওয়ায় নয়; বরং AI-ভিত্তিক ওয়েবসাইট নির্মাণের প্রক্রিয়াকে নিয়মতান্ত্রিক করায়: প্রথমে চাহিদা ও পরিধি স্পষ্টভাবে বোঝা, তারপর রেফারেন্স বাস্তবায়ন যাচাই করা, বিদ্যমান সংস্করণ সুরক্ষিত রাখা, কাজের সঙ্গে সামঞ্জস্যপূর্ণ বাস্তব গ্রহণযোগ্যতা যাচাই সম্পন্ন করা এবং শেষে রক্ষণাবেক্ষণ, প্রকাশ ও রোলব্যাকের উপযোগী হস্তান্তর পথ রেখে দেওয়া। build-websites-v2 ইনস্টল করার পর স্পষ্ট লক্ষ্যযুক্ত একটি ছোট কাজ দিয়ে শুরু করা সাধারণত AI-কে সরাসরি পুরো ওয়েবসাইট নতুন করে বানাতে বলার চেয়ে বেশি নির্ভরযোগ্য।