ربات رسا
نمونهٔ خروجی Claude Skill
اسکیلClaude Skillاسکیل و دستیارP1666
تبدیل تصویر طراحی سایت به کد دقیق
چطور یک مهارت هوشمند طراحی سایت را از تصویر به کد واقعی تبدیل می‌کند؟
دستور نصب
git clone https://github.com/leonxlnx/taste-skill cp -r taste-skill/skills/image-to-code-skill ~/.claude/skills/
چه کاری می‌کند
- تولید تصاویر بزرگ و خوانا برای هر بخش به جای تصاویر کوچک و فشرده شده
- تحلیل عمیق تصاویر طراحی برای پیاده‌سازی دقیق جزئیات و اجزای رابط کاربری
- حفظ ساختار تمیز و قابل خواندن هدر سایت، مناسب نمایش در لپ‌تاپ‌های کوچک
- کی به کارتان می‌آید
- برای سایت خود، تصاویر طراحی بخش‌های کلیدی را با سبک و رنگ‌بندی برند خود جایگزین کنید
- کجا کار می‌کند
- Claude Code (پوشهٔ ~/.claude/skills)، Claude.ai یا هر دستیار سازگار با Agent Skills
- مناسب برای
- تبدیل تصاویر طراحی سایت به کدهای قابل استفاده برای برنامه‌نویسان وب
