با Claude Opus 5.1 سایت پریمیوم بساز
هوش مصنوعی
فرانتاندخلاصهٔ کاملتر
نویسنده میگه Claude Opus 5.1 میتونه انیمیشنهای اسکرول لایهلایه، کارتهای استکشونده و افکتهای متنی پویا تولید کنه که حس کار حرفهای دستی رو داره، ولی فقط وقتی الهام مشخص بهش بدی. اگه بگی «حرفهای بساز» بدون مرجع، مدل به رایجترین تفسیر آماری از این کلمه برمیگرده، یعنی همون کارتهای گرد، متن هیرو مرکزی و گرادیانتهای نرم که همهجا دیدیم. این همون ظاهر «AI slop»ه.
مهمترین اهرم برای حس پریمیوم بودن، Layering (یعنی جدا کردن صحنه به چند صفحهی بصری از پسزمینه تا پیشزمینه که با سرعتهای مختلف اسکرول میشن) و ایجاد افکت پارالاکسه. تو یه نمونه، بخش هیرو چهار لایهی متفاوت داشته: کوه پشتی، کوه میانی، صفحهی لپتاپ و لایهی جلویی درختها، هر کدوم با سرعت خودش. این تکنیک تو موشن دیزاین سالهاست شناختهشدهست، ولی خروجی هوش مصنوعی معمولاً ازش رد میشه چون پرامپت ساده مشخصش نمیکنه.
منابع الهامگیری دستهبندی مشخصی دارن: سایت رقیب یا الهامبخش که مکانیزم اسکرول و انیمیشنش رو کپی کنی، کتابخونههای کامپوننت مثل 21st.dev که دکمهی «کپی پرامپت» داره و میشه مستقیم دست ایجنت داد، و سایتهای نمایش طراحی مثل godly.website که بر اساس صنعت دستهبندی شدن. اضافه کردن این لینکها به پرامپت، همراه توضیح اینکه چرا هر عنصر رو دوست داری، خروجی خیلی مشخصتری میده.
مفهوم «اسکیل» یعنی یه سند ذخیرهشده که اصول طراحیت رو (نحوهی Layering، انیمیشن متن موقع اسکرول، استک کارتها) توش کدگذاری کردی تا هر بار مجبور نباشی از اول توضیح بدی. اسکیل رایگان ScrollCraft همین رو برای انیمیشن اسکرول و لایهبندی جمع کرده. با ترکیب سایت مرجع، کتابخونهی کامپوننت و این اسکیل، دو پرامپت یکمرحلهای دو سایت کامل و متفاوت (اشتراک گیاه و صفحهی محصول کیبورد) تولید کردن. نویسنده تأکید میکنه که قبل از هر انیمیشنی، برند و پیام واضح لازمه؛ سایت با انیمیشن قشنگ ولی پیام گنگ کانورت نمیکنه.
نکات کلیدی:
- پرامپتهای مبهم مثل «حرفهای بساز» به ظاهر یکنواخت SaaS ختم میشن
- Layering با سرعتهای مختلف اسکرول بزرگترین اهرم حس پریمیومه
- 21st.dev کامپوننت آماده با دکمهی کپی پرامپت داره؛ godly.website بر اساس صنعت دستهبندی میکنه
- اسکیل ScrollCraft اصول انیمیشن اسکرول رو ذخیره میکنه تا هر پروژه از اول توضیح ندی
- دو پرامپت یکمرحلهای میتونن دو سایت کامل و متفاوت با انیمیشن لایهای بسازن
- برند و پیام واضح قبل از هر انیمیشنی لازمه
