Skill عملی برای AI Agent
High-End Visual Design
برای تولید طراحی بصری قوی با ورودی نیاز صفحه و خروجی UI سطح بالا استفاده میشود.
آمادهطراحی UIپیشرفتهبهروزرسانی ۱۶ تیر ۱۴۰۵
1
این Skill چه کاری میکند؟
این Skill کمک میکند ظاهر صفحه را به سطح بصری بالاتری برسانید. ورودی شما نیاز صفحه، لحن برند و محدودیتهای فنی است و خروجی، جهت visual design و جزئیات قابل اجرا است.
2
ورودی لازم
- نیاز صفحه
- لحن برند
- محدودیت فنی
- نمونه مرجع
3
خروجی نهایی
- جهت visual
- جزئیات UI
- پیشنهاد spacing
- پیشنهاد رنگ
4
مناسب کدام Agentهاست؟
Claude CodeCursorCodexWindsurfGemini
5
Copy Prompt / Workflow
صفحه را با visual design قویتر کن. ورودی: نیاز صفحه و لحن برند. خروجی: جهت بصری و جزئیات قابل اجرا.
6
آموزش استفاده مرحلهای
- هدف صفحه را مشخص کن.
- لحن برند را بگو.
- از Skill بخواه سطح visual را ارتقا دهد.
- جزئیات را با design system تطبیق بده.
7
مثال واقعی
برای صفحه معرفی محصول، این Skill میتواند ترکیب رنگ، فاصلهها و hierarchy را طوری پیشنهاد دهد که حرفهایتر دیده شود.
8
خطاهای رایج
- فقط روی جلوه تمرکز میکنی و خوانایی را نه.
- محدودیت فنی را نادیده میگیری.
- خروجی را بدون هماهنگی با brand استفاده میکنی.
9
منبع و نصب Skill
منبع اصلی و تأییدشده در skills.sh
npx skills add https://github.com/leonxlnx/taste-skill --skill high-end-visual-design
10