במאמר הזה
פעם בשבוע, קצר, בעברית: כלי שבדקתי, סוכן שבניתי, או טעות שעשיתי כדי שאתם לא תעשו אותה.
בקצרה: Thinking Orbs היא ספרייה בקוד פתוח של המעצב Jakub Antalik: תשע אנימציות של "כדור חושב", אחת לכל מצב של מוצר AI. היא ברישיון MIT, כלומר מותר להכניס אותה גם למוצר בתשלום, ומתקינים אותה בפקודה אחת. מה שתפס אותי בה הוא לא היופי, אלא השאלה שהיא עונה עליה: מה המשתמש רואה בזמן שהסוכן עובד.
כששמרתי את הריל הזה כתבתי לעצמי שתי מילים: "זה חזק". לא בגלל שעוד ספריית אנימציות יצאה לגיטהאב. בגלל שהיא שמה את האצבע על משהו שרוב מי שבונה עם AI מדלג עליו.
סוכן AI לא עונה מיד. הוא מחפש, קורא, מריץ כלים, ולפעמים זה לוקח עשרות שניות. בזמן הזה המשתמש מסתכל על המסך ושואל את עצמו אם משהו נתקע. ספינר שמסתובב אומר לו רק "חכה". הוא לא אומר לו מה קורה.
למה סוכן AI צריך להראות שהוא חושב?
בצ'אטבוט רגיל ההמתנה קצרה, וספינר מספיק. בסוכן ההמתנה ארוכה ומשתנה. עכשיו הוא מחפש, עוד רגע הוא כותב, ואחר כך הוא מחכה לתשובה מכלי חיצוני. כשכל השלבים האלה נראים אותו דבר, המשתמש לא יודע אם להמשיך לחכות או ללחוץ שוב.
וזה בדיוק המקום שבו אמון נשבר. משתמש שלא מבין מה קורה לוחץ פעמיים, סוגר את הלשונית, או פשוט מפסיק להאמין לכלי. אנימציה שמשתנה לפי המצב היא דרך שקטה להגיד לו: אני פה, ועכשיו אני עושה את זה.
אני חושב שזה החלק הכי מוזנח בממשקי סוכנים היום. כולם עסוקים במודל ובפרומפט, ומעט מאוד אנשים חושבים על השניות שבהן המשתמש מחכה.
מה יש בתוך Thinking Orbs?
הספרייה כוללת תשעה כדורים, וכל אחד מהם בנוי למצב אחר. השמות באנגלית הם השמות שמופיעים בקוד. העמודה השלישית היא הפרשנות שלי, איפה הייתי משתמש בכל אחד.
| מצב בקוד | בעברית | איפה הייתי משתמש בו |
|---|---|---|
| working | עובד | מצב כללי, כשהסוכן באמצע משימה |
| searching | מחפש | חיפוש ברשת או במסמכים |
| solving | פותר | חישוב או ניתוח שלוקח זמן |
| listening | מקשיב | ממשק קולי, כשהמשתמש מדבר |
| connecting | מתחבר | חיבור לכלי או לשירות חיצוני |
| weaving | אורג | חיבור של כמה מקורות לתשובה אחת |
| composing | כותב | כתיבת תשובה, מייל או מסמך |
| breathing | נושם | מצב מנוחה, הסוכן מוכן ומחכה |
| shaping | מעצב | יצירה של תמונה, עיצוב או מבנה |
לכל כדור יש שני גדלים מוכנים: 64 פיקסלים, בגודל של תמונת פרופיל בצ'אט, ו-20 פיקסלים, שנכנס בתוך שורת טקסט. ובריפו יש גם גרסה ל-React Native, למי שבונה אפליקציה לנייד.
כל שבוע אני מרכז את הכלים והחדשות ששווה להכיר. הניוזלטר "אלעד עמרני AI" יוצא בשישי בבוקר, קצר ומעשי. הצטרפו לניוזלטר
למה זה לא מאט את האתר?
אנימציות יפות הן בדרך כלל כבדות. כאן הבחירות הטכניות הפוכות. לפי הריפו, הכדורים מצוירים ב-canvas דו-ממדי פשוט, בלי WebGL ובלי פילטרים. כל כדור נעצר לבד ברגע שהוא יוצא מהמסך, כך שעשרה כדורים בדף לא יעבדו כולם במקביל.
יש גם שני דברים שמראים שמישהו חשב על כל המשתמשים:
- פחות תנועה: משתמש שהגדיר במחשב שהוא רוצה פחות אנימציות (הגדרה בשם reduced motion) יקבל תמונה סטטית של הכדור במקום תנועה.
- קוראי מסך: לכל מצב יש תיאור מוכן לקורא מסך, כך שגם משתמש עיוור יודע שהסוכן מחפש או כותב.
מה אומר רישיון MIT, ומה הוא לא אומר?
רישיון MIT הוא מהמתירניים שיש. מותר להשתמש בקוד, לשנות אותו ולהכניס אותו למוצר שאתם מוכרים, בלי לבקש רשות. התנאי הוא להשאיר בקוד את הודעת זכויות היוצרים ואת טקסט הרישיון.
אבל "חינמי" כמעט אף פעם לא אומר בלי עלות בכלל. הספרייה נותנת לכם את האנימציה. את העבודה האמיתית אתם עושים: להבין אילו מצבים יש לסוכן שלכם, ולחבר כל מצב לכדור הנכון ברגע הנכון. בלי זה תקבלו ספינר יפה יותר, וזהו.
איך מכניסים את זה לפרויקט?
- מתקינים: בטרמינל של הפרויקט מריצים npm install thinking-orbs.
- מייבאים: מוסיפים את הרכיב של הספרייה ובוחרים לו מצב וגודל, למשל searching בגודל 64.
- ממפים מצבים: כותבים רשימה של מה הסוכן שלכם באמת עושה (מחפש, קורא קובץ, כותב תשובה), ומצמידים לכל שלב כדור.
- מוסיפים מילים: ליד הכדור, משפט קצר שאומר מה קורה עכשיו. האנימציה מושכת את העין, והמילים מסבירות.
אם אתם עובדים עם Claude Code או עם Cursor, אפשר להקל על עצמכם: תנו לו את הקישור לריפו ואת רשימת המצבים שלכם, ובקשו ממנו לחבר בין השניים. זו בדיוק משימה שסוכן קוד עושה טוב. עוד כלים מהסוג הזה ריכזתי בארבעה כלים לסוכני AI שהתפוצצו בגיטהאב.
מה אני הייתי עושה
לא הייתי מחליף את כל מסכי הטעינה בבת אחת. הייתי בוחר מסך אחד, זה שבו המשתמשים מחכים הכי הרבה זמן, ומחליף בו את הספינר בכדור ובמשפט שאומר מה קורה. אחר כך הייתי מסתכל אם פחות אנשים לוחצים שוב או עוזבים באמצע. אם כן, ממשיכים למסך הבא.
שאלות נפוצות
Thinking Orbs באמת חינמית?
כן. הספרייה ברישיון MIT, ומותר להשתמש בה גם במוצר בתשלום. התנאי היחיד הוא להשאיר את הודעת זכויות היוצרים ואת טקסט הרישיון בקוד.
זה עובד רק ב-React?
החבילה הרשמית כתובה ל-React, ובריפו יש גם גרסה ל-React Native. לממשק שכתוב בטכנולוגיה אחרת לא ראיתי גרסה רשמית.
האנימציות לא יאטו לי את האתר?
לפי הריפו הן מצוירות ב-canvas דו-ממדי פשוט, בלי WebGL ובלי פילטרים, וכל כדור נעצר לבד כשהוא יוצא מהמסך.
זה מתאים רק לממשקי AI?
לא. כל מסך שבו משתמש מחכה, כמו העלאת קובץ, חיפוש או עיבוד, יכול להרוויח מאנימציה שאומרת מה קורה ולא רק שצריך לחכות.
רוצים לקבל כל שבוע את הכלים ששווה להכיר, בלי לחפש לבד? הצטרפו לניוזלטר "אלעד עמרני AI". ואם אתם צריכים סוכן AI שעובד בתוך העסק, או סדנה שתכניס את הצוות לעבודה עם AI, אפשר לדבר איתנו ב-Agentic-dev.
הספרייה: Thinking Orbs של Jakub Antalik בגיטהאב, נבדק ב-27.10.2026. הרעיון למאמר הגיע מריל של Adilet באינסטגרם.
בונה סוכני AI לעסקים ב-Agentic-dev, החברה שלי, ומלמד צוותים לעבוד עם AI וסוכנים, בסדנאות ובהרצאות.
