‏۱۰ اسکیل هوش مصنوعی که به ایجنت کدنویست ذوق طراحی می‌ده

نویسنده با یه مشکل آشنا شروع می‌کنه: ایجنت‌های کدنویس هوش مصنوعی کد سالم و کارراه‌انداز می‌نویسن، ولی وادارکردنشون به ساختن چیزی که خوشگل هم باشه سخته. خروجی پیش‌فرضشون به گفتهٔ نویسنده به سمت گرادیان‌های بنفش، گوشه‌های گرد و فونت Inter همه‌جا و چیدمان‌های بی‌روح می‌ره. تقصیر خود ایجنت هم نیست، فقط حس ذوق و سلیقه نداره.

راه‌حل پیشنهادی «اسکیل»هان: فایل‌های مارک‌داونی که تو Claude Code، Codex، Cursor یا هر ایجنتی که پشتیبانی می‌کنه نصب می‌کنی و به ایجنت یه زبان طراحی مشخص، از سیستم‌های گریدِ سوئیسی تا علم رنگ OKLCH، یاد می‌دن. نویسنده ۱۰ تا از این اسکیل‌ها و دایرکتوری‌های طراحی رو معرفی می‌کنه.

چندتاشون رو یه حوزهٔ فنی مشخص تمرکز دارن. OKLCH Color Skill به ایجنت کار با فضای رنگی OKLCH رو یاد می‌ده تا پالت‌های یکنواخت بسازه، رنگ حالت تیره دربیاره و کنتراست رو با استانداردهای WCAG و APCA چک کنه. Swiss Design System سبک بین‌المللی سوئیسی رو با تایپوگرافی گروتسک، گرید سخت‌گیرانه و فضای خالی سخاوتمندانه از طریق Tailwind میاره. Transitions.dev هم نُه ترنزیشن پرکاربرد رابط کاربری رو آماده می‌ده.

یه دسته دیگه به‌جای یه سبک ثابت، از روی برند یا مرجع دیزاین‌سیستم می‌سازن. Hue از روی یه URL، اسم یا اسکرین‌شات، برند رو یاد می‌گیره و یه دیزاین‌سیستم کامل با توکن رنگ، تایپوگرافی و کامپوننت تولید می‌کنه. Refero Styles یه موتور جست‌وجوی بصریه که به بیش از ۱۵۰ هزار اسکرین اپ واقعی وصله و برای هر نتیجه یه فایل DESIGN.md می‌ده. DESIGN.md Directory هم کم‌دردسرترین گزینه‌ست: فقط یه فایل مارک‌داون رو برمی‌داری و تو ریشهٔ پروژه می‌ذاری.

بعضی‌ها هم فلسفهٔ طراحی یه نفر یا یه ورک‌فلوی کامل رو میارن. Agents with Taste از Emil Kowalski اصول انیمیشن، انتخاب منحنی easing و قواعد تایپوگرافی (مثل سقف ۶۵ کاراکتری متن) رو یاد می‌ده. UI/UX Pro Max با ۱۶۱ قاعده و ۶۷ سبک، از روی توضیح پروژه یه دیزاین‌سیستم کامل می‌سازه و از فریم‌ورک‌هایی مثل React و Next.js پشتیبانی می‌کنه. TypeUI مجموعه‌ای از اسکیل‌های طراحی برای ابزارهای مختلفه و AI UX Playground هم به‌جای زیبایی بصری، رو الگوهای UX خاص محصولات هوش مصنوعی مثل ChatGPT و Claude تمرکز داره.

جمع‌بندی نویسنده اینه که دانش طراحی داره از سندهای ثابتی که آدم‌ها می‌خونن، به قواعد اجراشدنی‌ای تبدیل می‌شه که ایجنت‌ها اجراشون می‌کنن. البته یادآوری می‌کنه که اسکیل‌های طراحی هنوز خیلی نوپان و لبه‌های ناصافی دارن؛ پیشنهادش اینه که یکی از فهرست رو نصب کنی و ببینی خروجی ایجنتت چه فرقی می‌کنه.

نکات کلیدی:

• ایجنت‌های کدنویس کد درست می‌نویسن ولی ذوق طراحی ندارن و به خروجی کلیشه‌ای می‌رسن.
• «اسکیل»ها فایل‌های مارک‌داونی‌ان که تو ابزارهایی مثل Claude Code و Cursor نصب می‌شن و زبان طراحی یاد می‌دن.
• بعضی اسکیل‌ها یه حوزهٔ مشخص رو پوشش می‌دن (رنگ OKLCH، سبک سوئیسی، ترنزیشن‌ها).
• بعضی‌های دیگه از روی برند یا مرجع، دیزاین‌سیستم کامل می‌سازن (Hue، Refero، UI/UX Pro Max).
• به گفتهٔ نویسنده دانش طراحی داره از سند خواندنی به قاعدهٔ اجراشدنی برای ایجنت‌ها تبدیل می‌شه.