کتابخانهٔ پرامپت

پروژه را برای دیگ راه‌اندازی کن. اول CLAUDE.md یا AGENTS.md را بخوان؛ اگر فونت و رنگ برند در آن ثبت نشده، از من بپرس، بعد setup_project را صدا بزن و همهٔ فایل‌هایی را که برمی‌گرداند در ریشهٔ پروژه بنویس.

ابزارها:setup_project

صفحهٔ [نوع صفحه] را بساز. اول list_blocks را ببین و نزدیک‌ترین بلاک را با get_block بگیر، چک‌لیست adapt آن را کامل انجام بده، get_page_patterns همین نوع صفحه را رعایت کن و در پایان کد را با review_code بازبینی کن تا هیچ یافته‌ای نماند.

ابزارها:list_blocksget_blockget_page_patternsreview_code

داشبورد [موضوع] بساز. مبلغ‌ها با تومان و جداکنندهٔ هزارگان و ارقام فارسی، تاریخ‌ها شمسی و نسبی، و هیچ وضعیتی فقط با رنگ گفته نشود. نمودار را از نمونه‌های آمادهٔ Chart Presets انتخاب کن و جدول در موبایل به کارت تبدیل شود. قاعده‌های get_page_patterns برای dashboard را رعایت کن.

ابزارها:list_blocksget_page_patternsget_component_demoreview_code

برای همهٔ جاهای آیکون این صفحه یک بار recommend_icons دیگچه را صدا بزن، فقط آیکون‌هایی را نگه دار که از نظر معنا جور درمی‌آیند و اگر اطمینان کم بود به من بگو، SVG دستی نکش.

ابزارها:recommend_iconsget_icon_svg

فرم [موضوع] بساز. برای هر فیلد TextField با label و description و حالت اختیاری/اجباری بگذار؛ کد ملی، موبایل، شماره کارت و شبا با ماسک و اعتبارسنجی ایرانی باشند، خطا بعد از ترک فیلد و کنار همان فیلد بیاید و همهٔ کنترل‌ها در ControlSizeProvider هم‌اندازه باشند.

ابزارها:search_componentsget_component_demoget_component_apireview_code

این فرم را چندمرحله‌ای کن: Stepper بالای فرم، هر مرحله فقط فیلدهای خودش، دکمهٔ «بعدی» فقط بعد از معتبر بودن همان مرحله، و دادهٔ مرحله‌های قبلی با رفرش از دست نرود.

ابزارها:search_componentsget_component_demoreview_code

رنگ برند ما [کد رنگ] است. customize_theme را صدا بزن، brand.css را بعد از تم دیگ import کن و هیچ‌جا کد رنگ را مستقیم در کامپوننت‌ها ننویس؛ بعد check_contrast را برای هر جفت رنگ سفارشی که اضافه کردی بزن.

ابزارها:customize_themecheck_contrastget_tokens

این صفحه را در حالت تیره مرور کن: هیچ رنگ خام یا پس‌زمینهٔ نیمه‌شفاف نباشد، هر رنگ از توکن‌های get_tokens بیاید و کنتراست متن روی هر سطح را با check_contrast بسنج.

ابزارها:get_tokenscheck_contrastreview_code

همهٔ ml/mr/pl/pr/left/right این فایل را به ms/me/ps/pe/start/end تبدیل کن، آیکون‌های جهت‌دار را برای RTL برگردان، ارقام را فارسی کن و ي/ك عربی را با ی/ک فارسی عوض کن؛ بعد review_code بزن.

ابزارها:review_code

این صفحه را از نظر دسترس‌پذیری بازبینی کن: دکمه‌های فقط‌آیکون aria-label فارسی داشته باشند، تصاویر alt، هیچ div کلیک‌خوری نماند، همه‌چیز با کیبورد کار کند و ناحیهٔ لمس در موبایل دست‌کم ۴۴ پیکسل باشد. review_code را تا صفر شدن یافته‌ها تکرار کن.

ابزارها:review_codeget_page_patterns

کد این صفحه را با review_code بازبینی کن و همهٔ یافته‌ها را رفع کن: کنترل‌های بومی به‌جای کامپوننت دیگ، رنگ و پیکسل خام، propهایی که در api نیستند، و جهت‌های فیزیکی. تا وقتی status برابر ok نشده ادامه بده.

ابزارها:review_codeget_component_api

در این پوشه کامپوننت‌هایی را پیدا کن که معادل دیگ دارند (دکمه، فیلد، دیالوگ، جدول، تب). برای هرکدام search_components و get_component_demo را ببین، با کامپوننت دیگ جایگزین کن و رفتار فعلی را حفظ کن؛ فهرست تغییرها را آخر کار به من بده.

ابزارها:search_componentsget_component_demoget_component_apireview_code