הסקיל Anatomy: מכונה חיה במקום טקסט

מה הסקיל Anatomy עושה?

רוב ההסברים על איך משהו עובד הם קופסאות וחיצים. הם אומרים שהחלקים קיימים, אבל לא מה הם עושים, והקורא צריך לדמיין את התנועה לבד. Anatomy הולך הפוך: הוא ממציא חפץ אמיתי שהעבודה שלו היא הרעיון.

הדוגמאות מה-README ממחישות את זה: מנגנון שמדלג על עבודה כשכלום לא השתנה הופך למנעול שמסתובב רק כשכל הפינים מתאימים. מנוע רקטה מתפרק ל-11 מכלולים כשמעבירים עליו את העכבר. ואז קלוד בונה את החפץ מעשרות חלקים מוצקים ומוצללים, שם אותו בכרטיס עם כותרת ותצוגה חיה של מספרים, ונותן לו לזוז בעדינות מתחת לעכבר ולמקלדת.

הריפו פורסם ב-8 באוקטובר 2026, הוא ברישיון MIT, ונכון ל-1 בנובמבר 2026 יש לו כ-23,400 כוכבים ב-GitHub. הוא עובד בקלוד קוד, וגם ב-Codex, Antigravity, OpenCode ו-MiniMax Code. בכל הדוגמאות, כל מספר שהאיור מציג מגיע מאותו מודל קטן שמזיז את החלקים, כך שהתנועה והמספרים תמיד מתאימים.

איך מתקינים את Anatomy בקלוד קוד?

פקודה אחת בטרמינל. היא מתקינה את הסקיל לכל הפרויקטים שלכם, רק לקלוד קוד:

העתקהnpx skills add wheresryan22/anatomy -g -a claude-code

מה צריך מראש: Node.js בגרסה 20.10 ומעלה בשביל הסקיל עצמו. ה-README מציין שהכלי שמתקין סקילים, בגרסה 1.7.1 שלו, מבקש Node בגרסה 22.20 ומעלה, אז אם יש לכם גרסה ישנה תעדכנו קודם. אין מפתחות API ואין npm install, הסקיל משתמש רק במודולים המובנים של Node.

מעדיפים בלי npx? אפשר לשכפל את הריפו ישר לתיקיית הסקילים:

העתקהgit clone https://github.com/wheresryan22/anatomy.git ~/.claude/skills/anatomy

קלוד קוד מזהה סקיל חדש גם בסשן פתוח. אם תיקיית skills לא הייתה קיימת כשהתחלתם את הסשן, מריצים /reload-skills. ההתקנה מעתיקה את כל הריפו, כולל הדוגמאות, בערך 10 מגה.

איך משתמשים בו כדי להסביר מוצר ללקוחות?

כאן חשוב להיות כנים: Anatomy נבנה כדי להסביר רעיונות טכניים דרך מכונה. להסביר מוצר או שירות ללקוחות זה השימוש שאני מציע לו, והוא עובד טוב כשלמוצר שלכם יש מנגנון: משהו שנכנס, עובר שלבים ויוצא. ה-README נותן שלושה הרגלים שמשפרים את התוצאה, ואני מתרגם אותם לעסק:

1. תגידו מה להסביר, לא מה לצייר. תנו את המספרים האמיתיים: כמה שלבים, כמה זמן, כמה פריטים. הסקיל ממציא את החפץ בעצמו, וזה רוב העבודה.
2. או תגידו איזה חפץ. אם כבר יש לכם דימוי בראש, כמו מכונת קפה, פס ייצור או מנעול, תכתבו אותו ותגידו מה צריך לזוז.
3. תגידו איפה זה יחיה. עמוד HTML עצמאי, קובץ SVG בודד או רכיב React, בהיר או כהה. הבנייה שונה לכל אחד.

דוגמה לעסק שמוכר שירות ניהול הזמנות למסעדות:

העתקה/anatomy explain how our order system works for a restaurant owner: an order arrives from 3 channels (website, phone, delivery app), goes through one queue, the kitchen screen shows max 8 open orders, and every order is marked ready within 12 minutes on average. Make the queue a physical machine the viewer can drive with the pointer. Standalone HTML, light theme, labels in Hebrew.

ודוגמה לסוכנות שיווק שמסבירה ללקוח איך נבנה משפך:

העתקה/anatomy a figure for our landing page: how a lead funnel works. 1,000 visitors enter at the top, 8% leave an email, 25% of those book a call, 30% of calls become clients. Build it as a physical sorting machine, where the viewer drags a lever to change one rate and sees the client count update. One SVG file, dark theme.

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

אילו עסקים ירוויחו מזה הכי הרבה?

הכלל הפשוט: אם אתם מוצאים את עצמכם מציירים ללקוח משהו על דף בפגישה, זה מועמד ל-Anatomy. כמה כיוונים שעובדים טוב, כי לכל אחד יש תנועה ברורה:

• חברות תוכנה ואפליקציות: איך הנתונים זורמים מהטופס של הלקוח למערכת ובחזרה. במקום תרשים זרימה, צינורות ושסתומים שנפתחים.
• יועצים פיננסיים ומשכנתאות: איך ריבית דריבית עובדת, כמכונה שמוסיפה משקולות לכף מאזניים בכל שנה. הלקוח מזיז את מספר השנים ורואה את התוצאה זזה.
• מתקינים וטכנאים: מערכת סולארית, מזגן או מערכת השקיה עם הפנל הצדדי פתוח, כמו מכונת הקפה מהדוגמאות של ה-README.
• מורים ומדריכים: מושג אחד שתלמידים תמיד מתבלבלים בו, כחפץ שאפשר לפרק לחלקים.
• אתרי מוצר: הירו בעמוד הבית שמראה איך המוצר עובד, במקום תמונת סטוק.

ומה פחות מתאים: מיתוג, רגשות, המלצות של לקוחות, או כל דבר שאין בו מנגנון. שם עדיף צילום אמיתי או טקסט טוב. ה-README גם מציין שאיור לוקח זמן, אז הכי משתלם לבנות אחד לדבר שאתם מסבירים שוב ושוב, ולא לכל פוסט.

איך Anatomy בודק את העבודה של עצמו?

זה החלק שמבדיל אותו מסתם "תצייר לי איור". לפי ה-README, הסקיל מגדיר לקלוד תהליך: לאסוף קודם את המספרים האמיתיים, להמציא את החפץ, לכתוב רשימת חלקים, לבנות את הגיאומטריה, ובסוף לבדוק כמו מבקר.

• סקריפט ביקורת מוודא ששום חלק לא עובר דרך חלק אחר, שכל קצה יושב על נקודת חיבור, ושהחפיפות מצוירות בסדר הנכון.
• בכרום ללא ממשק, סקריפטים מצלמים תמונות, הגדלות וגיליונות מואטים, וסקריפט אחר נכשל על כל קו שנגמר באוויר.
• הסקיל מורה לקלוד לקרוא כל תמונה שהוא מייצר, כלומר להסתכל על התוצאה ולא רק להניח שהיא טובה.

מה חשוב לדעת לפני שמתחילים?

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

עוד: אפקטים כמו אש ומים צריכים WebGL, ובלעדיו האיור עדיין נקרא. מצב התלת ממד מסומן כבטא. ומי שמבקש גרסה להדפסה, ה-README מסביר שהסקיל יכול לכתוב גם גיליון A4 לפוסטר או לשרטוט טכני. ובסוף, הקוד של האיור שייך לכם: מקבלים סקריפט בנייה ואת העמוד שהוא כותב, או רכיבים מוכנים ל-Next.js.

אם אתם רוצים לחפש עוד סקילים כאלה, יש מדריך על איך מוצאים סקילים לקלוד קוד, ומי שבונה אתרים עם אלמנטים תלת ממדיים ימצא רעיונות במדריך על הירו תלת ממדי לאתר.