מכונה שאפשר לפרק, ב-Claude Code

מה זה teardown

teardown הוא סקיל: קובץ הוראות ש-Claude Code קורא ועובד לפיו. שואלים אותו איך מכונה עובדת, והוא בונה אותה כדף HTML אחד שנפתח בדפדפן ועובד גם בלי אינטרנט.

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

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

כמה זה עולה ומה צריך

• •הכלי עצמו בחינם. קוד פתוח ברישיון MIT, בלי מנוי ובלי הרשמה.
• •הוא רץ בתוך Claude Code, אז הבנייה יורדת מהמכסה של המנוי שלך. אצלי המנוע לקח חצי שעה עבודה רצופה של הסוכן. זו משימה כבדה, לא שאלה קצרה.
• •צריך Node.js בגרסה 20 ומעלה. בשביל הסרטון צריך גם ffmpeg, ובשביל הסאונד Python 3. בלי שניהם מקבלים את הדף החי, בלי סרטון.
• •מחשב עם כרטיס גרפי סביר. הדף מוריד איכות לבד כשהוא נהיה איטי, אבל במחשב חלש מאוד הוא יגמגם.

ההתקנה, צעד אחר צעד

הדרך הקצרה: פותחים Claude Code בתיקייה כלשהי ומדביקים את הבקשה הזאת. הוא מתקין את הסקיל, מכין את מה שצריך פעם אחת, ובודק מה חסר לך.

תתקין לי את הסקיל teardown מ-https://github.com/elvarofficial/teardown
1. תריץ: npx skills add elvarofficial/teardown -g -a claude-code
2. בתיקייה שבה הוא הותקן, תריץ פעם אחת: npm install && npx playwright install chromium
3. תבדוק אם יש לי ffmpeg ו-Python 3, ותגיד לי מה חסר.
בסוף תראה לי איפה נמצא הקובץ SKILL.md שלו.

מעדיף לעשות את זה בעצמך?

צעד 1: בודקים מה מותקן. פותחים את הטרמינל, החלון שבו מקלידים פקודות, ומריצים:

node --version
ffmpeg -version
python3 --version

node צריך להראות v20 ומעלה. אם ffmpeg או python3 לא נמצאו, תבקש מ-Claude Code להתקין אותם.

צעד 2: מתקינים את הסקיל לכל הפרויקטים שלך:

npx skills add elvarofficial/teardown -g -a claude-code

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

npm install && npx playwright install chromium

לפני שמתקינים, מה הוא מריץ: הפקודות למעלה מורידות את הגרסה האחרונה מ-GitHub ומ-npm, ומתקינות דפדפן Chromium. בזמן העבודה הסקיל מריץ Node, ffmpeg ו-Python במחשב שלך. בדקתי את הקוד לפני שהרצתי, ולא מצאתי בו שליחה של מידע החוצה. את הבנייה הרצתי בתיקייה נפרדת.

איך מפעילים את /teardown

פותחים Claude Code בתיקייה ריקה, כי הוא שומר שם את מה שהוא בונה. כותבים /teardown, ואחריו שאלה בעברית פשוטה:

/teardown איך עובד מנוע של רכב?

למה לכתוב /teardown בהתחלה? בפעם הראשונה ששאלתי בלי זה, Claude Code לא השתמש בסקיל ובנה משהו אחר לגמרי. עם /teardown הוא יודע בדיוק מה לעשות.

מה קורה אחרי זה:

1. הוא בוחר מכונה אמיתית לפי מה ששאלת, ולוקח את המידות שלה.
2. הוא בונה את המודל, את הלוחות ואת הכפתורים, ובודק את עצמו על תמונות מהדף.
3. בסוף הוא פותח לך את הדף, ומסביר מה בנה ואילו החלטות לקח בעצמו. את הקבצים הוא שומר בתיקייה teardown-out.

ביקשת גם סרטון? כותבים את זה באותה בקשה, כמו בחלק 5.

הפרומפט המדויק שנתתי לו

זה הפרומפט, מילה במילה, שממנו יצא המנוע שבסרטון:

/teardown תסביר לי איך עובד מנוע של רכב רגיל. ארבעה צילינדרים בשורה, כמו באוטו שלי. אני רוצה לראות את זה, לא לקרוא. בסוף תקליט לי גם סרטון של הסיור.

למה הוא עובד:

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

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

מה יצא אצלי

הרצתי את הפרומפט על המחשב שלי. אחרי 29 דקות היה לי קובץ אחד, 812KB, שעובד גם בלי אינטרנט.

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

• •המידות: לא אמרתי לו איזה אוטו, אז הוא בחר מנוע של הונדה, K20A. קדח 86 מ״מ ומהלך 86 מ״מ, נפח 1998 סמ״ק.
• •השיעור: הוא חותך צילינדר אחד ומאט אותו פי 66. יניקה, דחיסה, עבודה, פליטה, וכל שלב עם הסבר בעברית.
• •הסרטון: 30 שניות, 60 פריימים לשנייה, עם סאונד באותו תזמון.
• •מה הוא אמר בעצמו שלא מדויק: כל צילינדר מוצג עם שני שסתומים ולא ארבעה, כמו במנוע האמיתי. טוב שהוא אמר.

3 מכונות לנסות ראשונות

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

• •v8: מנוע V8 עם צילינדרים שקופים. רואים את הבעירה בתוך הצילינדר ואת סדר ההצתה.
• •cessna: גלגל הנחיתה של מטוס Cessna 337, שמתקפל לתוך הגוף בהמראה ויורד בנחיתה.
• •strandbeest: החיה המהלכת של Theo Jansen. עשרים רגליים על גל אחד, שהולכות ברוח.

מדביקים ב-Claude Code, אחת בכל פעם:

/teardown תבנה לי את הדוגמה v8-live ותפתח לי אותה
/teardown תבנה לי את הדוגמה cessna-live ותפתח לי אותה
/teardown תבנה לי את הדוגמה strandbeest-live ותפתח לי אותה

ואחרי שראית אותן, עוד שלושה רעיונות לבנות בעצמך:

/teardown איך שעון מכני שומר על הזמן? תראה לי את זה כסימולטור.
/teardown איך עובדת תיבת הילוכים ידנית?
/teardown תבנה לי זרוע של מחפר הידראולי, ותקליט סרטון של 20 שניות.

איך יודעים שזה עבד

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

לא עבד? לפי הסדר:

1. קיבלת הסבר בטקסט או משהו אחר? הוא לא השתמש בסקיל. פותחים שיחה חדשה ומתחילים ב-/teardown.
2. הוא כותב ש-/teardown לא קיים? ההתקנה לא הצליחה. מריצים שוב את צעד 2 בחלק 3, ופותחים Claude Code מחדש.
3. הדף נבנה אבל אין סרטון? חסר ffmpeg, או שלא הרצת את צעד 3.
4. נתקעת בשגיאה? מדביקים אותה ל-Claude Code כמו שהיא, וכותבים "מה זה ומה עושים".

קרדיט ורישיון

teardown נבנה על ידי elvarofficial ומפורסם ברישיון MIT: מותר להשתמש, לשנות ולשתף, גם מסחרית. הוא בנוי על claude-motion (MIT).

הקוד וההוראות המלאות: github.com/elvarofficial/teardown