אלמנט שמלווה את הגלילה
לוקח אובייקט אחד ומעביר אותו דרך העמוד בתנועה אחת רציפה: הוא נוחת בכל סקשן במקום אחר, משנה גודל, זווית וצבע עם התוכן, ואף פעם לא מרחף על טקסט ריק - כל סקשן משאיר לו חריץ אמיתי בפריסה, ולכן הפריסה היא זו שמחליטה איפה הוא יושב בכל רוחב מסך.
מתי מפעילים אותוכשיש מוצר אחד שהוא הגיבור של העמוד, ורוצים שהוא ילווה את הקריאה במקום לחזור בתמונה אחרי תמונה.
הדמו החי
אתר שהסקיל הזה בנה, במצב עובד: אפשר לגלול בו, לגרור, ולהתחיל מחדש עם R.
מה יש בחבילה
- SKILL.md - הקונספט, השאלות המנחות ושיטת החריצים
- companion.js - מודול אחד, עם three.js בתוך החבילה
- דוגמה רצה (בקבוק בושם) + סקריפט לייצור המודל
- דוגמת ריאקט לחנות
הפרומפט
פרומפט פתיחהמה שבסוגריים המרובעים — זה מה שממלאים
תשתמש בסקיל scroll-companion. האובייקט: [מה זה, ויש לי GLB / אין לי]. האתר: [אלמנטור / HTML / ריאקט], והסקשנים: [רשימה, לפי הסדר בעמוד]. תשאל אותי את השאלות המנחות, ותראה לי קודם איפה החריץ בכל סקשן לפני שאתה מכניס את האובייקט.