ما هي scroll-animations؟
يُستخدم عند تشغيل الرسوم المتحركة عند التمرير - كشف التأثيرات أو اختلاف المنظر أو الرؤوس الثابتة أو مؤشرات التقدم أو أي حركة مرتبطة بالتمرير. المصدر: dylantarre/animation-principles.
·scroll-animations
*
scroll-animations
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند تشغيل الرسوم المتحركة عند التمرير - كشف التأثيرات أو اختلاف المنظر أو الرؤوس الثابتة أو مؤشرات التقدم أو أي حركة مرتبطة بالتمرير.
كيفية تثبيت scroll-animations
ثبّت مهارة الذكاء الاصطناعي scroll-animations بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animations
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامSquash & Stretch: Elements can compress slightly while scrolling fast, settle when stopped.
Anticipation: Content should be slightly visible before full reveal. Start animations at 10-20% visibility.
Staging: Reveal content in reading order. Top-to-bottom, left-to-right progression.
يُستخدم عند تشغيل الرسوم المتحركة عند التمرير - كشف التأثيرات أو اختلاف المنظر أو الرؤوس الثابتة أو مؤشرات التقدم أو أي حركة مرتبطة بالتمرير. المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animations- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-03
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت scroll-animations؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animations بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-03