ScrollCraft: اسکیل کلود برای سایتهای اسکرولمحور
هوش مصنوعی
فرانتاندخلاصهٔ کاملتر
ScrollCraft یه Claude Skill مخصوص طراحی وبه که یه سایت از قبل ساختهشده (اغلب با خود Claude) رو میگیره و به یه تجربهٔ اسکرولمحور و تعاملی تبدیلش میکنه: بخشهایی که موقع اسکرول انیمیشن میگیرن، عددهایی که بالا میرن، تصاویری که بسته به موقعیت اسکرول عوض میشن، و چیدمانی که بیشتر شبیه سایتهای محصول حرفهایه تا یه لندینگپیج معمولی ساختهشده با AI. این اسکیل رو یه آموزشدهندهٔ اتوماسیون AI رایگان منتشر کرده و بهصورت پلاگین یا پوشهٔ قابلنصب تو Claude Code در دسترسه.
کارش تو سه فاز پیش میره: مصاحبه، ساخت و بررسی نهایی. تو فاز مصاحبه، Claude قبل از نوشتن هر خط کد میپرسه بازدیدکننده اول باید چی رو ببینه، تا آخر صفحه باید به چه یهجملهای اعتقاد پیدا کنه، چه عکس و دارایی واقعی از برند موجوده، و چه «حرکت امضادار» منحصربهفردی باید سایت رو بهیادموندنی کنه.
بعد از مصاحبه، اگه داراییهای موجود کافی نباشن، اسکیل از fal.ai (یه پلتفرم API برای تولید تصویر و ویدیو) کمک میگیره تا تصاویر جدید همراستا با سبک درخواستی بسازه و اونها رو به نقطههای مشخصی از اسکرول وصل کنه.
فاز آخر یعنی بررسی، جاییه که Claude از بخشهای کلیدی سایت ساختهشده اسکرینشات میگیره و خودش بررسیشون میکنه تا مشکلات چیدمان یا بصری که فقط با دیدن کد معلوم نیستن رو قبل از تحویل پیدا کنه. تو نمونههای تستشده، یه سایت انجمن غیرانتفاعی تونسته آمار زندهٔ عضویت رو هم بکشه تو صفحه و گرافیکهای پشتیبان مثل اسکرینشات لیدربرد رو خودش پیدا کنه. ساخت هر سایت تو این نمونهها حدود ۳۰ دقیقه طول کشیده.
استفاده ازش نیاز به آشنایی حداقلی با Claude Code داره، چون یا بهصورت پلاگین نصب میشه یا فایلهاش دستی تو پروژه گذاشته میشن؛ بعد کافیه با یه کلیدواژه مثل «scroll» اسکیل رو صدا بزنی و جهت کلی («پرمیوم و قابلاعتماد» در برابر «پرانرژی و محصولمحور») رو توضیح بدی. برای تولید تصویر و ویدیوی جدید هم به یه کلید API از fal.ai نیاز داری؛ بدونش اسکیل فقط با همون داراییهای موجود کار میکنه.
نکات کلیدی:
- ScrollCraft یه اسکیل رایگان Claudeست که سایتهای موجود رو با انیمیشن اسکرولمحور بازسازی میکنه
- کارش تو سه فاز پیش میره: مصاحبهٔ ساختاریافته، تولید و اتصال دارایی، و بررسی نهایی با اسکرینشات
- برای تولید تصویر و ویدیوی جدید از fal.ai استفاده میکنه و به کلید API جداگونه نیاز داره
- تو نمونههای تستشده، ساخت هر سایت حدود ۳۰ دقیقه طول کشیده
- محتوا و برندینگ اصلی سایت دستنخورده میمونه؛ فقط نحوهٔ نمایش و تعامل عوض میشه
