הכול התחיל מבקשה של אשתי: "תביא לי תפזורות לסבתא". במקום לחפש עוד דפים ברשת, שלחתי פרומפט אחד ל-Claude Code — וכעבור צהריים אחד היה באוויר מוצר חי: דומיין משלו, טסטים אוטומטיים, קוד פתוח, ואפס שורות קוד שכתבתי בעצמי. זה הסיפור המלא, כולל הפרומפט המקורי והטריק המעניין באמת שמסתתר מאחורי הקלעים.
זה התחיל מסבתא
סבתא של אשתי נתברכה בהרבה זמן פנוי, ואחד הדברים שהכי מעסיקים אותה הוא פתירת תפזורות. אשתי דאגה להדפיס לה דפי תפזורות שמצאה ברשת — עד שיום אחד המלאי נגמר. "תביא לי תפזורות לסבתא," היא ביקשה, "אני כבר לא מוצאת עוד."
בדקתי מה יש ברשת. קיימים כמה מחוללי תפזורות, אבל הם לא נוחים ליצירה — ועמוסים בפרסומות מעצבנות. בקיצור: לא משהו שכיף לעבוד איתו, ובטח לא משהו ששולחים לסבתא.
עניתי לאשתי "challenge accepted" — אני אבנה לך מערכת שמייצרת תפזורות בקלות. וככה, במקום לחפש עוד דפים מוכנים, פתחתי את Claude Code וכתבתי פרומפט אחד.
הפרומפט, מילה במילה
זה הפרומפט, כמו שנשלח:
אני רוצה לבנות מחולל תפזורת, משהו כמו https://www.myraceparty.com/he/challenge/word-search-maker — תעבור על האתר הזה ותבנה משהו דומה. אני רוצה גם שיהיה אפשר להוסיף רשימת מילים בקריאה אחת.
תבנה את זה ב-HTML ותוסיף עמוד read me / help שיהיה אפשר לשלוח את הלינק שלו ל-LLM כדי לייצר בשבילו רשימת מילים, לדוגמה: "תייצר לי רשימה של 20 מילים בגודל 20x20 בנושא חגי ישראל לטבלה הזו".
לא צריך LLM למערכת הזו — היא תעבוד ללא server side. היא רק צריכה לדעת להביא הנחיה ל-LLM בקובץ ה-help, ולהביא גם דוגמה איך לחולל את הרשימה. והמשתמש ישלח את הפרומפט הרלוונטי בכלי אחר כמו Gemini או ChatGPT, וידביק את התוצר למערכת — שתייצר את התפזורת.
זהו. אין מסמך אפיון, אין פגישת קיק-אוף, אין שרטוטי מסכים. יש רעיון אחד ברור, רפרנס אחד להצביע עליו, ושתי החלטות ארכיטקטוניות שמנוסחות בשפה פשוטה: בלי שרת, וה-AI נשאר מחוץ למוצר. ההחלטה השנייה היא החלק הכי מעניין בסיפור — נגיע אליה עוד רגע.
התשובה הראשונה של Claude Code הייתה: "בניתי את המערכת — שני קבצי HTML שרצים כולם בדפדפן, בלי שרת."
מה יצא מזה
המחולל בפעולה: מדביקים רשימת מילים, מקבלים דף עבודה מוכן להדפסה.
התוצאה חיה כאן: tifzoret.x-technologies.co.il — חינם, בלי הרשמה, בלי פרסומות.
מה הכלי יודע לעשות:
- הדבקה חכמה. מדביקים רשימת מילים בכל צורה שבא לכם — שורה לכל מילה, מופרדות בפסיקים, בלוק עם כותרת וגודל, ואפילו JSON — והמערכת מזהה לבד את הפורמט, מנקה מספור ותבליטים, ומייצרת תפזורת.
- עברית אמיתית. ניקוד מוסר אוטומטית, אותיות סופיות (ם, ן, ך, ף, ץ) הופכות לאותיות רגילות בתוך הטבלה אבל נשארות נכונות במחסן המילים, וצירופים של שתי מילים ("ראש השנה") פשוט עובדים. ואם מדביקים רשימה באנגלית? הטבלה מתהפכת לבד לכיוון LTR.
- שליטה מלאה. גודל טבלה מ-8×8 עד 30×30 (או אוטומטי לפי המילים), בחירת כיוונים — אופקי, אנכי, אלכסוני, וגם מילים הפוכות למתקדמים — וכפתור ערבוב לפריסה חדשה עם אותן מילים.
- הדפסה. דף עבודה נקי עם שורת שם ותאריך, אפשרות לצרף דף פתרון נפרד, ושמירה כ-PDF דרך חלון ההדפסה.
- פתרון אינטראקטיבי. לחיצה על מילה במחסן מדליקה אותה בטבלה, וכפתור אחד חושף את הפתרון המלא.
מצב פתרון: כל המילים מסומנות, כולל דף פתרון נפרד להדפסה.
והלקוחה הראשונה? מרוצה מאוד. לסבתא יש עכשיו מלאי בלתי נגמר של תפזורות — בכל נושא, בכל גודל, בכל כמות.
איך זה נבנה
הכלי כולו הוא קובץ HTML אחד של כ-830 שורות, שמכיל את העיצוב, הלוגיקה והממשק. אין framework, אין תהליך build, אין תלויות חיצוניות, אין שרת. הקובץ נטען — והכול עובד, גם בטלפון.
מתחת למכסה המנוע יש דווקא לא מעט הנדסה: אלגוריתם ההצבה מנסה עד 25 פריסות שונות של הטבלה, מציב קודם את המילים הארוכות, מאפשר למילים להצטלב באות משותפת כמו בתשבץ, ובוחר את הפריסה שבה נכנסו הכי הרבה מילים. אם מילה לא נכנסת — המערכת אומרת את זה במפורש ומציעה מה לעשות.
וזה לא נגמר בקוד של המוצר עצמו:
- טסטים אמיתיים. Claude Code כתב חבילת טסטים ב-Playwright שרצה בדסקטופ ובמובייל, כולל טסט שעובר אות-אות על כל מילה שהוצבה ומוודא שהיא באמת נמצאת בתאים הנכונים בטבלה. במוצר שמבוסס על אקראיות, זה מה שמאפשר לשנות קוד בלי לפחד.
- דומיין ופריסה. האתר עלה ל-Cloudflare תחת סאב-דומיין של האתר שלי, כולל הגדרות אבטחה וקאשינג.
- תמונת שיתוף. גם התמונה שמופיעה כשמשתפים את הלינק בוואטסאפ נוצרה בקוד — סקריפט קטן שמצלם תבנית HTML. בלי מעצב, בלי פוטושופ.
- קוד פתוח. הכול זמין ב-GitHub תחת רישיון MIT.
מהפרומפט הראשון ועד מוצר חי באוויר — צהריים אחד.
הטריק החכם: אינטגרציית AI בלי API
עכשיו לחלק שביקשתי במפורש בפרומפט, ולדעתי הוא הלקח הכי שווה כאן: למוצר הזה אין שום חיבור ל-AI. ובכל זאת, AI הוא פיצ'ר מרכזי בו.
תחשבו מה הייתה הדרך ה"רגילה" לבנות פיצ'ר של "תייצר לי רשימת מילים עם AI": מפתח backend, מפתח API, ניהול מפתחות, עלות לכל קריאה, ושאלות פרטיות. במקום כל זה — המוצר משתמש ב-AI שכבר יש למשתמש.
אין רשימת מילים? כותבים נושא, לוחצים על הכלי המועדף — והפרומפט כבר שם, מוכן.
בממשק יש תיבה קטנה: "אין רשימת מילים? בקשו מ-AI". כותבים נושא — למשל "מערכת השמש" — ולוחצים על הכלי המועדף. מאחורי הקלעים, כל הקסם הוא חמש שורות:
const AI_SERVICES = {
chatgpt: q => 'https://chatgpt.com/?q=' + encodeURIComponent(q),
claude: q => 'https://claude.ai/new?q=' + encodeURIComponent(q),
gemini: q => 'https://gemini.google.com/app?q=' + encodeURIComponent(q),
grok: q => 'https://grok.com/?q=' + encodeURIComponent(q),
perplexity: q => 'https://www.perplexity.ai/search?q=' + encodeURIComponent(q)
};
כל כלי AI מוביל יודע לקבל פרומפט דרך פרמטר בכתובת. הלינק פשוט פותח את הצ'אט עם הפרומפט כבר בפנים.
אבל הלינק הוא רק חצי מהטריק. הפרומפט שנשלח הוא לא בקשה חופשית — הוא חוזה: הוא מגדיר בדיוק את פורמט הפלט שהמחולל יודע לקרוא (כותרת, גודל, רשימת מילים), קובע חמישה כללים — בלי ניקוד, בלי כפילויות, אורך מילה שלא חורג מגודל הטבלה — והשורה האחרונה שלו מנחה את המודל להזכיר למשתמש לחזור ולהדביק את התשובה במחולל. המעגל סוגר את עצמו: המשתמש מדביק את התשובה כמו שהיא, וההדבקה החכמה מזהה הכול לבד.
ויש עוד שכבה. עמוד העזרה של הכלי מסתיים בסעיף שפונה ישירות למודל שפה שקורא אותו — "הנחיות למודל שפה (LLM) שקורא עמוד זה" — ובשורש האתר יושב קובץ llms.txt עם אותו חוזה בפורמט שנוח למכונות. אפשר פשוט לשלוח לצ'אט את הלינק לעמוד העזרה ולכתוב "קרא את ההנחיות בעמוד ותייצר לי רשימה על חלל" — וזה עובד.
התוצאה: מוצר שמרגיש מחובר לכל מנועי ה-AI המובילים, בלי לשלם אגורה על API, בלי לנהל מפתחות, ובלי לגעת במידע של אף משתמש.
מה זה אומר עליכם
הסיפור כאן הוא לא תפזורות. הסיפור הוא שהמרחק בין "יש לי רעיון" ל"יש לי מוצר חי שאנשים משתמשים בו" התכווץ מחודשים לשעות — למי שיודע לעבוד נכון עם הכלים.
מה שעבד כאן עובד כמעט לכל רעיון:
- לתאר את הרעיון בשפה פשוטה — כולל דוגמה קונקרטית לאיך אמורים להשתמש בו.
- להצביע על רפרנס — "משהו כמו האתר הזה" חוסך אלף מילות אפיון.
- להחליט החלטות של פשטות — בלי שרת, בלי דאטהבייס, בלי הרשמה. כל "בלי" כזה מוריד שבועות מהדרך.
- להישאר בלופ — לבדוק, לתקן, לבקש עוד. ה-AI עושה את העבודה; אתם מנווטים.
כלים פנימיים לצוות, מחשבונים, מחוללי מסמכים, דפי נחיתה, משחקים לימודיים — הרשימה של מה שאפשר לבנות ככה בצהריים אחד ארוכה. מה שצריך זו השיטה.
רוצים ללמוד לבנות ככה בעצמכם?
זה בדיוק מה שאני מלמד בסדנת בנייה ללא קוד: איך לוקחים רעיון — שלכם, לא דוגמה גנרית — ובונים אותו למוצר עובד, גם בלי רקע טכני. עובדים על מקרה אמיתי מהעסק שלכם, ויוצאים עם כלי ביד ועם שיטה לפעם הבאה.
מוזמנים גם לנסות את המחולל עצמו — ואם אתם ארגון או צוות שרוצה להכניס את היכולות האלה פנימה, תסתכלו על ההרצאות והסדנאות שלי.