هالمارک: ایجنتت رو از طراحی کلیشهای درمیاره
خلاصهٔ کاملتر
هالمارک (Hallmark) یه اسکیل برای ایجنتهای کدنویسیه، یعنی یه بستهٔ دستورالعمل که ایجنت موقع کار خودش میخونتش. به گفتهٔ سازندهش یه مشکل مشخص رو هدف گرفته: هر بار از یه LLM میخوای صفحه بسازه، تقریباً همون صفحهٔ دفعهٔ قبل درمیاد. نصبش با npx skills add nutlope/hallmark انجام میشه و خودش مسیر Claude Code، Cursor و Codex رو پیدا میکنه و میچسبه.
تو سایت، پنج «tell» یا نشونهٔ لودهنده لیست شده که مدلها پیشفرض سراغشون میرن: هیرو با گرادیان بنفش به آبی یا صورتی و متن سفید وسطچین، استفاده از Inter (یا Roboto یا Open Sans) همزمان بهعنوان فونت تیتر و فونت متن، وسطچین کردن کل صفحه، کارت فیچر با آیکون توی مربع رنگیِ گوشهٔ بالا، و نَوی که همیشه یه شکله: لوگو چپ، چهار لینک وسط، دکمهٔ CTA راست.
برای هرکدوم یه جایگزین گذاشته: یه هیو لنگر و فقط یه اکسنت بهجای گرادیان، جفتکردن یه فونت تیتر متمایز با یه فونت متن، بایاس دادن به لیاوت بهجای تقارن، و انتخاب آرکیتایپ نَو متناسب با ژانر صفحه. کنارشون هشت قانون ثابت هست که به گفتهٔ سازنده هیچکدوم تنظیمات نیستن: پالت OKLCH با یه هیو لنگر و اکسنت زیر پنج درصد، مقیاس فاصلهٔ مضرب چهار، ایز اوت نمایی با جایگزین reduced-motion، و لحن مخصوص هر تم.
جز رفتار پیشفرض که فقط ازش میخوای یه صفحه بسازه، دو فعل دیگه هم داره. hallmark study یه اسکرینشات یا URL میگیره و ساختار کلی، آرکیتایپ هیرو، نقش فونتها و پالت رو درمیاره، ولی صراحتاً از شناسایی فونت و کپی پیکسلبهپیکسل سر باز میزنه. hallmark audit هم کد موجود رو میگرده و همون پنج نشونه رو توش علامت میزنه. حالت پیشفرض هم قبول نمیکنه سه ساختار کلی آخر رو دوباره تکرار کنه.
نکات کلیدی:
- نصب با npx skills add nutlope/hallmark؛ مسیر Claude Code، Cursor و Codex خودکار شناسایی میشه
- پنج نشونهٔ هدف: گرادیان بنفش هیرو، Inter بهعنوان تیتر و متن، وسطچینی کامل، کارت فیچر آیکوندار، نَو تکراری
- قانون رنگ: پالت OKLCH، یه هیو لنگر، اکسنت زیر پنج درصد
- قانون فاصله: مقیاس نامگذاریشده با مضرب چهار، بدون پدینگ دلبخواهی مثل ۱۷ پیکسل
- hallmark study ساختار یه صفحه رو درمیاره ولی فونت شناسایی نمیکنه و پیکسل کپی نمیکنه
- hallmark audit همین پنج نشونه رو روی کد موجود فلگ میکنه




