Vercel React View Transitions

• صفحه یا flow
• stateهای UI
• نوع transition
• محدودیت performance

• طرح transition
• نقشه state
• نکات پیاده‌سازی
• اولویت animation

transitionهای React را به یک plan اجرایی تبدیل کن. ورودی: flow، state و محدودیت performance. خروجی: طرح transition، state map و نکات اجرا.

1. تغییر صفحه یا component را مشخص کن.
2. از Skill بخواه stateهای قبل و بعد را جدا کند.
3. transition را کوتاه و قابل کنترل نگه دار.
4. بعد از اجرا، روی موبایل و دسکتاپ تست کن.

برای جابه‌جایی بین دو کارت محصول، این Skill می‌تواند transition نرم و قابل پیاده‌سازی پیشنهاد کند.

• animation را زیاد و سنگین می‌کنی.
• stateهای قبل و بعد را مشخص نمی‌کنی.
• روی دستگاه ضعیف تست نمی‌گیری.

منبع اصلی و تأییدشده در skills.sh

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-view-transitions