מושן גרפיקס עם Claude: איך בונים עולם תלת-ממדי חי לעסק

בקצרה: עם Claude (מנוי Pro ומעלה, ו-Artifacts מופעל) ותבנית של 5 בלוקים אפשר לבנות עולם תלת-ממדי מונפש שמראה איך העסק שלכם עובד, ולהקליט אותו כסרטון לאינסטגרם. ממלאים את התבנית בפרטי העסק, שולחים, ומתכננים 2-4 סבבי תיקון, כי הבנייה הראשונה כמעט אף פעם לא מושלמת.

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

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

🧰מה צריך לפני שמתחילים

• מנוי Claude Pro (20 דולר לחודש) או גבוה יותר. השתמשתי ב-Opus 5.5.
• לוודא ש-Artifacts מופעל בהגדרות של Claude. ככה הדף המונפש נפתח ישר בצ'אט.
• תיאור קצר של תהליך בעסק שלכם: מה קורה מהרגע שלקוח מזמין ועד שהוא מקבל.

🪜כך עושים את זה, צעד אחר צעד

1. פותחים את Claude ומדביקים את התבנית שבהמשך העמוד.
2. ממלאים את המשבצות בעסק שלכם: מה המקום, מה זז בו, ואילו 3 מספרים הכי חשובים לכם. למשל מסעדה, מרפאה או חנות אונליין.
3. שולחים, ו-Claude בונה דף מונפש אחד שאפשר לגרור, לסובב וללחוץ בו על כל דבר.
4. מבקשים תיקונים במילים פשוטות, כמו שמדברים עם חבר: "השליחים נתקעים בצומת, תסדר", "תאט את המצלמה", "תוסיף שלט עם שם העסק".
5. כשאוהבים את התוצאה, מקליטים את המסך (במק: Cmd+Shift+5, בווינדוס: Win+Alt+R) ומקבלים סרטון לאינסטגרם.

📋פרומפט להעתקה

התבנית בנויה מ-5 בלוקים: העולם, החיים (מה זז), האינטראקציה, הדשבורד והתוספות. מחליפים את מה שבסוגריים המרובעים ושולחים.

Build a single-file interactive web app (HTML, CSS and JS) using Three.js: a live 3D [WHAT IT RUNS] dashboard called "[BUSINESS NAME]" that feels like a strategy game.
WORLD: a low-poly isometric [PLACE] built entirely in code, no external models, with [8-12 LANDMARKS, BUILDINGS AND VEHICLES]. Clean toy-like clay look, soft shadows, one accent colour ([HEX]).
LIFE: [THE MAIN LOOP, STEP BY STEP, e.g. an order arrives, the kitchen lights up, a rider picks it up and delivers it]. Other things move on their own too. Everything gives way so nothing ever overlaps.
INTERACTION: drag to pan, right-drag to rotate, scroll to zoom. Click anything: the camera glides to it and follows it, and a glass panel shows live stats.
DASHBOARD: frosted glass panels with 3 KPI cards ([KPI 1], [KPI 2], [KPI 3]), a [PROCESS] tracker with 6 steps and a live table with realistic data in shekels.
EXTRAS: animated day/night and a weather menu; works on mobile.

דוגמה למילוי עבור מסעדה: WHAT IT RUNS = restaurant delivery, PLACE = Tel Aviv neighbourhood with my restaurant on Dizengoff, KPI = Orders this hour, Avg delivery time, Riders on the road.

💡5 רעיונות לעולמות לפי סוג העסק

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

🔁3 פרומפטים להמשך

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

✅מה בודקים לפני שמפרסמים

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

קרדיט: מבנה 5 הבלוקים מבוסס על ה-World Prompt Pack של @sanjai.builds. רוצים לראות דרך נוספת להפוך את העסק לסרטון עם Claude? יש לי גם מדריך לסרטון תדמית מהאתר שלכם.