‏اسکیلی که رابط کاربری رو «بهتر» حس می‌کنه

make-interfaces-feel-better یه اسکیل ایجنتیه که سازنده‌ش (Jakub) دور یه ایده ساخته: طراحی خوب نامرئیه و کاربر رو بدون این‌که متوجه بشه هدایت می‌کنه. تمرکز اسکیل روی همون جزئیات کوچیکیه که در مجموع باعث می‌شن یه رابط کاربری بهتر حس بشه.

به گفتهٔ سازنده، این اسکیل بر پایهٔ مقالهٔ خودش با عنوان «Details that make interfaces feel better» ساخته شده و مجموعه‌ای از نکته‌های ریزیه که خودش موقع ساختن رابط کاربری به کار می‌بره. حوزه‌هایی که پوشش می‌ده شامل تایپوگرافی، حالت‌های هاور، هم‌ترازی بصری (optical alignment)، شعاع گوشهٔ هم‌مرکز (concentric border radius) و استفادهٔ درست از سایه‌هاست.

نصب و استفاده‌ش هم ساده‌ست. برای Claude Code، Codex، Cursor Agent و خیلی ابزار دیگه در دسترسه و بعد از نصب، با اجرای دستور /make-interfaces-feel-better شروع می‌کنی. توضیح خودِ اسکیل می‌گه مناسب مواقعیه که داری کامپوننت UI می‌سازی، کد فرانت‌اند رو review می‌کنی، یا روی انیمیشن، حالت‌های هاور، سایه، بوردر، تایپوگرافی و میکرواینتراکشن‌ها کار می‌کنی — یا وقتی حس می‌کنی یه چیزی تو ظاهر «درست نیست».

روال کارش اینه که اسکیل روی کد اجرا می‌شه و بعد یه خلاصهٔ کامل از تغییرهایی که اعمال کرده بهت می‌ده؛ می‌تونی سؤال‌های بعدی هم بپرسی و ایجنت جواب می‌ده. نمونه‌ای که سازنده نشون می‌ده، مقایسهٔ حس‌وحال یه کارت قبل و بعد از اجرای اسکیله.

نکات کلیدی:

• اسکیل ایجنتی متمرکز بر جزئیات ریز و پرداخت (polish) رابط کاربری
• بر پایهٔ مقالهٔ «Details that make interfaces feel better»
• پوشش تایپوگرافی، هاور، هم‌ترازی بصری، شعاع گوشهٔ هم‌مرکز و سایه‌ها
• در دسترس برای Claude Code، Codex، Cursor Agent و ابزارهای دیگه
• اجرا با /make-interfaces-feel-better و دریافت خلاصهٔ کامل تغییرها