ממשקים משחקיים
מעצב ובונה מיקרו־אינטראקציות בתוך אתר שעובד: טופס שההתקדמות בו היא דמות קטנה שהולכת על קו, קובץ שנזרק לסל ונכנס פנימה, כפתור שליחה שמתקפל למטוס נייר, דוב שמכסה עיניים כשמקלידים סיסמה. אינטראקציה מצדיקה את מקומה כשהיא מציירת מה שהמערכת כבר עושה - התקדמות, תקינות, פרטיות, שליחה - ולא כשהיא מופע לשם עצמו.
מתי מפעילים אותוכשהאתר עובד אבל הוא שטוח, או כשיש טופס, העלאה או התחברות שאף אחד לא נהנה למלא.
הדמו החי
אתר שהסקיל הזה בנה, במצב עובד: אפשר לגלול בו, לגרור, ולהתחיל מחדש עם R.
מה יש בחבילה
- SKILL.md - מתי אינטראקציה מצדיקה את מקומה, ומתי לא
- דוגמת ריאקט מלאה: טופס רב־שלבי, העלאה, התחברות וכפתור שליחה
- דוגמה בוונילה לכפתור המטוס, לאתרים בלי ריאקט
הפרומפט
פרומפט פתיחהמה שבסוגריים המרובעים — זה מה שממלאים
תשתמש בסקיל playful-ui. האתר: [כתובת או נתיב]. המקום שאני רוצה לשדרג: [טופס / העלאה / התחברות / כפתור]. האתר בנוי ב: [אלמנטור / קוד / ריאקט]. תציע לי קודם שתיים־שלוש אינטראקציות שמציירות את מה שהמסך כבר עושה, ותסביר על כל אחת למה היא לא סתם אפקט.