🔺مهارت Taste Skill یک مجموعه دستورالعمل برای ابزارهای کدنویسی مبتنی بر هوش مصنوعیه که کمک می‌کنه رابط کاربری‌های حرفه‌ای‌تر، منسجم‌تر و کمتر کلیشه‌ای بسازن.

در واقع خودش فریم‌ورک یا کتابخانه UI نیست؛ یک فایل راهنماست که AI قبل از طراحی و کدنویسی می‌خونه و بر اساسش تصمیم می‌گیره:

• چه فونت و ترکیب‌بندی‌ای مناسب پروژه‌ست
• فاصله‌گذاری‌ها و رنگ‌ها چطور انتخاب بشن
• انیمیشن‌ها چقدر و کجا استفاده بشن
• طراحی چطور با هویت برند هماهنگ بمونه
• از چه الگوهای تکراری و بی‌دلیلی دوری بشه

مثلاً به AI یادآوری می‌کنه که هر صفحه‌ای به گرادیان بنفش، کارت‌های شیشه‌ای یا داشبورد نمایشی نیاز نداره!

این ابزار با سرویس‌ها و ایجنت‌هایی مثل Cursor، Claude Code، Codex، Windsurf، v0 و چند ابزار دیگه قابل استفاده‌ست و به فریم‌ورک خاصی هم محدود نیست.

برای نصب نسخه اصلی می‌تونید از این دستور استفاده کنید:

"npx skills add github.com/Leonxlnx/taste… --skill "design-taste-frontend""

بعد از نصب، AI فایل "SKILL.md" رو می‌خونه و موقع طراحی رابط کاربری، قواعدش رو در نظر می‌گیره.

در مجموع، اگه با AI سایت می‌سازید ولی از خروجی‌های تکراری و بیش‌ازحد «AI‌طور» خسته شدید، Taste Skill می‌تونه مثل یک طراح هنری یا منتقد طراحی کنار ایجنت کدنویسی‌تون عمل کنه.

🔗 tasteskill.dev

📍https://github.com/Leonxlnx/taste-skill

#هوش_مصنوعی #طراحی_رابط_کاربری #برنامه_نویسی #طراحی_وب



💎 @Htmlcss_channels  | #HTML #css #JavaScript

برای انیمیشن‌های سایت لازم نیست هر بار از صفر شروع کنید.

سایتِ OriginKit بیشتر از ۲۵۰ کامپوننت انیمیشنی آماده داره؛

انتخاب می‌کنی و کدش رو مستقیم می‌بری داخل پروژه.

برای React و Framer قابل استفاده‌ست، به ابزارهای کدنویسی AI هم وصل می‌شه و رایگانه.

https://www.originkit.dev/



#هوش_مصنوعی #طراحی_رابط_کاربری #برنامه_نویسی #طراحی_وب



💎 @Htmlcss_channels  | #HTML #css #JavaScript