عاملهای کدنویسی مبتنی بر هوش مصنوعی معمولاً از پس نوشتن کدهای کاربردی برمیآیند، اما وقتی نوبت به خروجی خوشظاهر و حرفهای میرسد، اغلب نتیجه تکراری و بیروح از آب درمیآید؛ گرادیانهای بنفش، گوشههای بیشازحد گرد، فونتهای تکراری و چیدمانهایی که فقط ظاهر «درست» دارند، نه شخصیت. مشکل اینجاست که این ابزارها ذاتاً سلیقه طراحی ندارند.
اینجاست که AI Skillها وارد میشوند؛ فایلهای Markdown سادهای که میتوانید به ابزارهایی مثل Claude Code، Codex یا Cursor اضافه کنید تا عامل شما فقط کد نزند، بلکه زبان طراحی مشخصی هم یاد بگیرد. در ادامه، چند مهارت مهم و کاربردی را میبینید که میتوانند درک بصری عامل کدنویسی شما را چند پله ارتقا دهند.
۱) مهارت OKLCH Color
این مهارت به عامل شما یاد میدهد با فضای رنگی OKLCH کار کند؛ مدلی که نسبت به HSL یکنواختتر و قابلپیشبینیتر است و از بههمریختگی رنگها در فرایند طراحی جلوگیری میکند.
بهجای حدسزدن کدهای هگز یا ساختن ترکیبهای رنگی کدر، عامل میتواند بین فرمتهای مختلف تبدیل انجام دهد، پالتهای منظم از ۵۰ تا ۹۵۰ بسازد، رنگهای مناسب دارکمود را بر پایه تغییر روشنایی استخراج کند، کنتراست را با استانداردهای WCAG 2 و APCA بررسی کند و حتی تمهای Tailwind v4 را با توکنهای درست OKLCH تولید کند.
نحوه استفاده
- نصب:
npx skills add jakubkrehel/oklch-skill - اجرا:
/oklch-skillیا فقط یک درخواست مرتبط با رنگ مطرح کنید
اگر در پروژهتان از توکنهای طراحی سفارشی استفاده میکنید یا از رنگهایی که در حالت روشن خوباند اما در دارکمود بههم میریزند خسته شدهاید، این مهارت انتخاب بسیار خوبی است.
۲) مهارت Swiss Design System
این مهارت سبک مشهور Swiss International Style را به عامل هوش مصنوعی شما منتقل میکند؛ سبکی مبتنی بر تایپوگرافی سنسریف گروتسک، گریدهای سختگیرانه، فضای خالی کافی و رنگبندی کنترلشده.
در این سیستم، فونتهایی مثل Helvetica، Univers و Neue Haas Grotesk محور طراحی هستند. مهارت Swiss Design System این اصول را از طریق Tailwind CSS پیاده میکند تا عامل بتواند با کلاسهای استاندارد، خروجیای منظم و حرفهای بسازد.
همچنین اطلاعاتی درباره رتبهبندی فونتها از نظر وفاداری به سبک سوئیسی، منابع مربوط به گریدهای Josef Mueller-Brockmann و تفاوت نگاه مکتب زوریخ و بازل هم در اختیار عامل قرار میدهد.
نحوه استفاده
- نصب:
npx skills add zeke/swiss-design-skill - اجرا: از عامل بخواهید یک رابط یا چیدمان با سبک Swiss International طراحی کند
این مهارت برای صفحههای فرود، طراحیهای تحریریهای و هر پروژهای که به نظم، خوانایی و مینیمالیسم جدی نیاز دارد، بسیار مناسب است.
این مهارتها چه تغییری ایجاد میکنند؟
وقتی چنین Skillهایی را به عامل کدنویسی اضافه میکنید، خروجی دیگر فقط «کار میکند» نیست؛ بلکه از نظر بصری هم انسجام پیدا میکند. عامل بهجای انتخابهای تصادفی، بر اساس یک منطق طراحی مشخص تصمیم میگیرد.
- پالت رنگی حرفهایتر و سازگارتر تولید میشود
- دارکمود قابلاعتمادتر میشود
- تایپوگرافی و فاصلهگذاری معنا پیدا میکند
- چیدمانها شخصیت و ساختار پیدا میکنند
- خروجی نهایی کمتر شبیه قالبهای کلیشهای AI خواهد بود
چرا افزودن Skill به عامل کدنویسی مهم است؟
بیشتر عاملهای کدنویسی در حالت پیشفرض روی منطق و اجرا تمرکز دارند، نه زیباییشناسی. Skillها دقیقاً این خلأ را پر میکنند. آنها مثل یک لایه آموزشی هستند که به عامل یاد میدهند در مواجهه با رنگ، تایپوگرافی، شبکهبندی و زبان بصری چگونه تصمیم بگیرد.
