CodeariaAcademy
מאגר GitHubקומיט החודשעיצובפיתוח

Emil Kowalski Skills

44k

13 סקילים שמלמדים את הסוכן טעם בממשקים: עקומות האצה נכונות, משכי זמן ונקודות מוצא לאנימציות, סקירת תנועה קפדנית ופרטים קטנים שבזכותם אפליקציית ווב מרגישה נייטיב. מהיוצר של Sonner, ברישיון MIT.

לא הרצנו בעצמנו: התיאור לפי התיעוד והמאגר.

במספרים

סקילים במאגר
התקנות ב-skills.sh נכון ל-30.09.2026
התקרה לאנימציית ממשק בכללי הסקירה
רישיון

מה זה

הסוכן כותב אנימציה שעובדת, אבל מרגישה קצת לא נכון: התפריט הנפתח מופיע עם ease-in, צומח מהמרכז במקום מהכפתור, ונמשך חצי שנייה. Emil Kowalski Skills הוא אוסף של 13 סקילים, שבו מהנדס עיצוב שעבד ב-Vercel וב-Linear רשם טעויות כאלה ואת הכללים שמונעים אותן. חלק מהסקילים בונים אנימציה מאפס, אחרים סוקרים ובודקים את מה שכבר נכתב, והשאר עוזרים למצוא את השם של אפקט או לבחור ספרייה למשימה.

מאוספים של "תעשה יפה" הוא נבדל בכך שהכללים קונקרטיים וניתנים לבדיקה: אילו מאפיינים מותר להנפיש, כמה זמן מגיע לאלמנט בממשק, ומתי עדיף לוותר על האנימציה לגמרי. זה שימושי למי שבונה ממשק עם Claude Code או Cursor בלי מעצב תנועה ייעודי ורוצה שהמוצר לא ייראה כעוד דף שנוצר אוטומטית.

איך זה בנוי

npx skills add
‏npx skills@latest add emilkowalski/skills מתקין את כל האוסף; הדגל --skill apple-design בוחר סקיל אחד.
emil-design-eng
הסקיל המרכזי: פילוסופיה של ליטוש ממשק וסקירה בטבלה "לפני / אחרי / למה". הפופולרי ביותר באוסף, 310.4 אלף התקנות.
animate · animate-expo
בונים אנימציה מאפס לפי סדר החלטות: האם היא נחוצה, אילו מאפיינים, עקומה, משך, הפרעה. הגרסה השנייה מיועדת ל-React Native ול-Expo.
review · improve · find
‏review-animations בודק את התנועה מול 10 סטנדרטים מחייבים, ו-improve-animations ו-find-animation-opportunities רק קוראים את הקוד וכותבים תוכנית תיקונים.
apple-design · mobile-native
עקרונות של Apple מהרצאות WWDC, מותאמים לווב, ותיקונים קטנים שגורמים לאתר בטלפון להתנהג כמו אפליקציה: 100vh, זום בשדות קלט, safe area.

לדעת לפני התקנה

סקיל וידאו, כמו שמבטיחים בסרטונים על "אנימציות בקוד", אין כאן: הסקילים עוסקים בתנועה בממשק, לא בסרטונים.
‏review-animations, ‏prototype ו-pick-ui-library לא מופעלים מעצמם, צריך לקרוא להם במפורש.
הכללים משקפים את הטעם של יוצר אחד ומכוונים ל-React; ‏write-swift ו-ask-sonner לא קשורים לאנימציות בווב.

תגובות