Skill عملی برای AI Agent
ImageGen Frontend Web
برای تولید سریع UI وب از روی تصویر یا ایده استفاده میشود.
آمادهطراحی UIپیشرفتهبهروزرسانی ۱۶ تیر ۱۴۰۵
1
این Skill چه کاری میکند؟
این Skill کمک میکند از روی تصویر یا ایده، UI وب سریع تولید کنید. ورودی شما تصویر مرجع، نیاز صفحه و stack است و خروجی، طرح و کد اولیه برای توسعه است.
2
ورودی لازم
- تصویر مرجع
- نیاز صفحه
- stack
- محدودیتهای UI
3
خروجی نهایی
- UI اولیه
- کد شروع
- layout
- جزئیات قابل توسعه
4
مناسب کدام Agentهاست؟
Claude CodeCursorCodexWindsurfGemini
5
Copy Prompt / Workflow
از روی تصویر یا ایده، UI وب تولید کن. ورودی: مرجع و نیاز صفحه. خروجی: UI اولیه و کد شروع.
6
آموزش استفاده مرحلهای
- تصویر یا ایده را بده.
- stack پروژه را مشخص کن.
- از Skill بخواه UI اولیه و کد شروع بدهد.
- بعد از تولید، responsive را بررسی کن.
7
مثال واقعی
برای یک صفحه landing جدید، این Skill میتواند نسخه اولیهای بسازد که بعداً بهسرعت refine شود.
8
خطاهای رایج
- خروجی اولیه را نهایی فرض میکنی.
- stack را دقیق نمیدهی.
- responsive و دسترسپذیری را بعداً رها میکنی.
9
منبع و نصب Skill
منبع اصلی و تأییدشده در skills.sh
npx skills add https://github.com/leonxlnx/taste-skill --skill imagegen-frontend-web
10