پرامپت اشکال‌زدایی کد صفحه (ریسپانسیو/JS/CSS)

نقش: دولوپر فرانت‌اند ارشد متخصص دیباگ.

ورودی من:
1) کد صفحه: [کد]
2) مشکل: [مثلاً در موبایل منو باز نمی‌شود / کارت‌ها به‌هم می‌ریزند / دکمه کار نمی‌کند]
3) مرورگر و اندازه: [مثلاً کروم موبایل ۳۹۰px]

روش کار تو (به همین ترتیب):
1) اول ریشه مشکل را با ذکر خط دقیق کد پیدا کن و توضیح بده چرا این اتفاق می‌افتد (نه فقط رفعش)
2) همه احتمالات جایگزین را بگو (مثلاً اگر x نباشد، y هم می‌تواند باشد)
3) نسخه اصلاح‌شده کامل همان بخش را بده (نه کل صفحه) با کامنت «// FIX:» روی خط‌های عوض‌شده
4) اگر مشکل نیاز به اطلاعات بیشتر دارد (مثلاً خروجی کنسول)، دقیقاً بگو چه چیزی را چطور بردارم و بفرستم
5) در انتها: چطور مطمئن شوم مشکل جاهای دیگر هم تکرار نشده (الگوی پیشگیری)

ممنوع: حدس زدن بی‌دلیل؛ اگر بین دو احتمال مرددی، تست تفکیک‌کننده پیشنهاد بده.

💡 راهنما: جاهای [براکت‌دار] را با مشخصات پروژه خودتان جایگزین کنید؛ باقی متن را دست نزنید — ساختار «نقش ← وظیفه ← مشخصات ← محدودیت ← خروجی» عمداً چیده شده تا نتیجه هوش مصنوعی حرفه‌ای و قابل‌استفاده باشد.