ریدیزاین یک پروژه موجود

نصب

npx skills add https://github.com/leonxlnx/taste-skill --skill redesign-existing-projects

معرفی

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

فرآیند کار این اسکیل در سه مرحله انجام می‌شود:

1. بررسی پروژه و شناسایی تکنولوژی‌ها، فریم‌ورک‌ها و الگوهای طراحی فعلی
2. تحلیل طراحی و پیدا کردن مشکلات ظاهری، الگوهای تکراری و بخش‌های نیازمند بهبود
3. اعمال تغییرات هدفمند بدون آسیب زدن به عملکرد فعلی پروژه

مهم‌ترین قابلیت‌ها:

• بررسی و بهبود تایپوگرافی، فونت‌ها و سلسله‌مراتب متنی
• اصلاح رنگ‌بندی و حذف ترکیب‌های نامناسب یا کلیشه‌ای
• بهبود فاصله‌گذاری، چیدمان و ساختار صفحات
• افزودن حالت‌های تعاملی مانند Hover، Focus و Active
• طراحی و تکمیل وضعیت‌های Loading، Empty و Error
• جایگزینی کامپوننت‌های تکراری و قدیمی با نمونه‌های حرفه‌ای‌تر
• بهبود آیکون‌ها، تصاویر و جزئیات بصری رابط کاربری
• افزایش کیفیت تجربه کاربری بدون تغییر در منطق برنامه
• سازگاری با انواع فناوری‌ها مانند Tailwind CSS، CSS معمولی، Styled Components و سایر ابزارهای رایج فرانت‌اند
• حفظ ساختار و تکنولوژی فعلی پروژه بدون نیاز به مهاجرت یا بازنویسی

این اسکیل مجموعه‌ای از چک‌لیست‌های حرفه‌ای طراحی را در اختیار دارد و به شناسایی الگوهای رایج و کلیشه‌ای رابط‌های کاربری کمک می‌کند تا خروجی نهایی ظاهری حرفه‌ای‌تر، مدرن‌تر و باکیفیت‌تر داشته باشد.

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