اسکیل Impeccable؛ خداحافظی با ظاهر تکراری سایت‌های AI

فونت Inter همه‌جا، گرادیانت بنفش به آبی، کارت توی کارت، یه آیکون گرد بالای هر تیتر. اگه چند تا لندینگ با ایجنت ساخته باشی، این قیافه رو می‌شناسی.

Impeccable یه اسکیل اوپن‌سورسه که دقیقاً با همین مشکل درگیره. به جای اینکه به ایجنت بگی «یکم قشنگ‌ترش کن» و منتظر معجزه بمونی، یه سری فرمان مشخص بهش میده: polish برای تمیزکاری، bolder برای جسورتر کردن، critique برای نقد طراحی و audit برای بررسی دسترس‌پذیری، کارایی و ریسپانسیو بودن.

این ریپو الان نزدیک ۱۰۰ هزار ستاره داره و این هفته جزو سریع‌ترین ریپوهای در حال رشد GitHub بوده.

چه چیزی بهت میده؟

طبق README با Claude Code، Cursor، Codex CLI، Gemini CLI، OpenCode و کلی ابزار دیگه کار می‌کنه.

• یه «اسلاپ‌یاب» با ۶۲ قانون ثابت که بدون مدل و بدون API key نشونه‌های تکراری طراحی AI رو پیدا می‌کنه
• فرمان critique که طراحی رو با اصول کاربردپذیری می‌سنجه و میگه اول چی رو درست کنی
• فرمان audit که مشکل‌ها رو از P0 (جدی) تا P3 (پرداخت نهایی) اولویت‌بندی می‌کنه
• فایل‌های PRODUCT.md و DESIGN.md که ایجنت هر بار قبل از کار می‌خونه تا طراحی از برندت خارج نشه

نصب و شروع

خود سازنده میگه Impeccable روی رابط‌هایی که از قبل وجود دارن قوی‌تره؛ یعنی یه صفحه رو نشونش بده و چند دور اصلاح کن. مستندات کاملش هم روی impeccable.style/docs هست.

اگه با آموزش ساخت سایت با Claude Code یه سایت بالا آوردی، این اسکیل بهترین قدم بعدی برای اینه که شبیه هزار تا سایت دیگه نباشه. اگه هم هنوز نمی‌دونی اسکیل چیه، اول مطلب اسکیل‌ها رو بخون. کنارش اسکیل Superpowers هم کمک می‌کنه ایجنت قبل از کد زدن فکر کنه.

سلیقه رو نمی‌شه نصب کرد؛ ولی می‌شه یادش داد.

1. توی ریشه‌ی پروژه بزن: npx impeccable install
2. ابزار کدنویسیت رو یه بار ری‌استارت کن.
3. توی ایجنت بزن /impeccable init (توی Codex با $impeccable init) تا چند تا سؤال درباره‌ی محصولت بپرسه.
4. از یه کامپوننت شروع کن، مثلاً: /impeccable critique the pricing cards