طراحی Frontend

نصب

npx skills add https://github.com/anthropics/skills --skill frontend-design

معرفی

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

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

قابلیت‌های اصلی:

• انتخاب و پیاده‌سازی یک هویت بصری مشخص و منسجم
• تمرکز ویژه روی تایپوگرافی و انتخاب فونت‌های خاص و متمایز
• طراحی سیستم رنگی حرفه‌ای با استفاده از CSS Variables
• ایجاد انیمیشن‌ها و تعاملات جذاب برای بهبود تجربه کاربری
• استفاده از چیدمان‌های خلاقانه و غیرکلیشه‌ای
• افزودن جزئیات بصری مانند بافت‌ها، افکت‌ها، سایه‌ها و الگوهای گرافیکی
• تولید کد عملیاتی و آماده استفاده با HTML، CSS، JavaScript، React و Vue
• رعایت اصول حرفه‌ای توسعه فرانت‌اند، عملکرد و دسترس‌پذیری
• جلوگیری از استفاده از رنگ‌بندی‌ها، فونت‌ها و الگوهای تکراری و رایج
• تطبیق میزان پیچیدگی پیاده‌سازی با سبک طراحی انتخاب‌شده

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