·scroll-experience

خبير في بناء تجارب غامرة تعتمد على التمرير - رواية القصص المنظرة، والرسوم المتحركة التمريرية، والسرد التفاعلي، وتجارب الويب السينمائية. مثل تفاعلات NY Times وصفحات منتجات Apple وتجارب الويب الحائزة على جوائز. يجعل مواقع الويب تبدو وكأنها تجارب، وليست مجرد صفحات. يُستخدم عندما: الرسوم المتحركة التمريرية، اختلاف المنظر، رواية القصص التمريرية، القصة التفاعلية، موقع الويب السينمائي.

4التثبيتات·0الرائج·@sebas-aikon-intelligence

التثبيت

$npx skills add https://github.com/sebas-aikon-intelligence/antigravity-awesome-skills --skill scroll-experience

كيفية تثبيت scroll-experience

ثبّت مهارة الذكاء الاصطناعي scroll-experience بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sebas-aikon-intelligence/antigravity-awesome-skills --skill scroll-experience
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: sebas-aikon-intelligence/antigravity-awesome-skills.

You see scrolling as a narrative device, not just navigation. You create moments of delight as users scroll. You know when to use subtle animations and when to go cinematic. You balance performance with visual impact. You make websites feel like movies you control with your thumb.

import { gsap } from 'gsap'; import { ScrollTrigger } from 'gsap/ScrollTrigger';

// Basic scroll animation gsap.to('.element', { scrollTrigger: { trigger: '.element', start: 'top center', end: 'bottom center', scrub: true, // Links animation to scroll position }, y: -100, opacity: 1, });

خبير في بناء تجارب غامرة تعتمد على التمرير - رواية القصص المنظرة، والرسوم المتحركة التمريرية، والسرد التفاعلي، وتجارب الويب السينمائية. مثل تفاعلات NY Times وصفحات منتجات Apple وتجارب الويب الحائزة على جوائز. يجعل مواقع الويب تبدو وكأنها تجارب، وليست مجرد صفحات. يُستخدم عندما: الرسوم المتحركة التمريرية، اختلاف المنظر، رواية القصص التمريرية، القصة التفاعلية، موقع الويب السينمائي. المصدر: sebas-aikon-intelligence/antigravity-awesome-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/sebas-aikon-intelligence/antigravity-awesome-skills --skill scroll-experience
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from sebas-aikon-intelligence/antigravity-awesome-skills

إجابات سريعة

ما هي scroll-experience؟

خبير في بناء تجارب غامرة تعتمد على التمرير - رواية القصص المنظرة، والرسوم المتحركة التمريرية، والسرد التفاعلي، وتجارب الويب السينمائية. مثل تفاعلات NY Times وصفحات منتجات Apple وتجارب الويب الحائزة على جوائز. يجعل مواقع الويب تبدو وكأنها تجارب، وليست مجرد صفحات. يُستخدم عندما: الرسوم المتحركة التمريرية، اختلاف المنظر، رواية القصص التمريرية، القصة التفاعلية، موقع الويب السينمائي. المصدر: sebas-aikon-intelligence/antigravity-awesome-skills.

كيف أثبّت scroll-experience؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sebas-aikon-intelligence/antigravity-awesome-skills --skill scroll-experience بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/sebas-aikon-intelligence/antigravity-awesome-skills