איך לגרום ל-AI לצייר לכם את הפרויקט, בציור שגם ילד מבין
בניתם אתר או מערכת עם קלוד או ChatGPT, וזה עובד, ואין לכם מושג מה יש בפנים? סקיל חינמי גורם ל-AI לסרוק את הפרויקט ולצייר אותו בציור פשוט. איך מתקינים, מה כותבים, ואיך משתמשים בציור כדי להסביר את הפרויקט לשותף.
- Claude
- סקילים
- ChatGPT
זה קורה לכל מי שבונה עם AI.
אתם מבקשים מקלוד או מ-ChatGPT לבנות לכם אתר, מערכת, אוטומציה. הוא בונה. זה עובד.
ואז מישהו שואל אתכם ״רגע, איך זה בנוי?״, ואתם מגלים שאין לכם מושג.
יש שם עשרות קבצים, שמות שלא אומרים לכם כלום, וקוד שלא כתבתם. וזה בסדר. אתם לא צריכים להבין כל שורה. אבל אתם כן צריכים להבין את התמונה הגדולה, אחרת כל שינוי הבא הוא ניחוש.
הפתרון: לבקש ממנו לצייר
הדרך הכי טובה שמצאתי להבין מה ה-AI בנה היא לא לבקש ממנו להסביר. הסבר ארוך הוא עוד קיר של טקסט.
מבקשים ממנו לצייר את זה.
ציור אחד, פשוט, על רקע לבן: מאיפה מגיע המשתמש, לאן הבקשה שלו הולכת, איפה נשמר המידע, ומה חוזר אליו. קופסאות, חצים, וכמה מילים בכתב יד. משהו שגם ילד בכיתה ג׳ מבין.
הסקיל שעושה את זה
קוראים לו ian-xiaohei-illustrations, והוא חינמי לגמרי.
את הסקיל בנה יוצר בשם Ian, והוא מחלק אותו בחינם ב-GitHub: github.com/helloianneo/ian-xiaohei-illustrations. כל הקרדיט שלו. אנחנו לא מחלקים עותק משלנו, מתקינים ישר מהמקור.
מה הוא עושה: מלמד את ה-AI סגנון ציור אחד, קבוע וברור. רקע לבן נקי, קווים שחורים בכתב יד, הרבה מקום ריק, וכמה מילים קצרות באדום ובכחול. ובמרכז יש דמות קטנה ושחורה בשם ״שיאו-היי״ שעושה את הפעולה עצמה, כך שהציור מספר מה קורה ולא רק מה קיים.
והחלק החשוב: הוא לא ״מצייר תמונה יפה״. הוא קודם קורא את מה שנתתם לו, מחליט מה הדבר הכי חשוב להבין, ורק אז מצייר את הדבר הזה.
דבר אחד שכדאי לדעת לפני שמתחילים
הסקיל נכתב במקור בסינית, בשביל Codex, סוכן הקוד של OpenAI. זה לא מפריע לקלוד לקרוא אותו ולעבוד איתו, אבל יש הבדל אחד:
- ב-Codex יש מחולל תמונות מובנה, אז הוא מצייר את הציור לבד, עד הסוף.
- ב-Claude Code קלוד עושה את החלק החכם: קורא את הפרויקט, מחליט מה לצייר, ובונה את הציור. את התמונה עצמה הוא נותן לכם בשתי דרכים, ואתם בוחרים (הסבר מלא בהמשך).
מה צריך שיהיה לכם
| מה | הערה |
|---|---|
| Claude Code או Codex | Claude Code מורידים מ-claude.ai/download, ובאפליקציה בוחרים Code. הצ׳אט הרגיל לא מספיק, כי הוא לא רואה את הקבצים במחשב שלכם |
| תיקיית הפרויקט | התיקייה שבה ה-AI בנה לכם את האתר או המערכת |
| ChatGPT (לא חובה) | רק אם אתם ב-Claude Code ורוצים את הציור בסגנון כתב יד |
ההתקנה
ב-Claude Code
פותחים את Claude Code על תיקייה כלשהי, ומדביקים לו את זה:
תתקין לי את הסקיל מהכתובת הזאת:
https://github.com/helloianneo/ian-xiaohei-illustrations
תוריד את הריפו לתיקייה זמנית, ותעתיק רק את התיקייה ian-xiaohei-illustrations שבתוכו
אל ~/.claude/skills/
אל תשנה בו כלום, ותראה לי שהקובץ SKILL.md נמצא במקום.
אחר כך סוגרים את קלוד ופותחים מחדש. זה הכרחי, הוא טוען סקילים רק בעלייה.
מי שמעדיף טרמינל, שלוש שורות:
git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git /tmp/ian-xiaohei
mkdir -p ~/.claude/skills
cp -R /tmp/ian-xiaohei/ian-xiaohei-illustrations ~/.claude/skills/
ב-Codex
אותו דבר, רק לתיקיית הסקילים של Codex, כמו שכתוב בעמוד של הסקיל:
git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git /tmp/ian-xiaohei
mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills"
cp -R /tmp/ian-xiaohei/ian-xiaohei-illustrations "${CODEX_HOME:-$HOME/.codex}/skills/"
הפרומפט מהסרטון
עכשיו פותחים את Claude Code על תיקיית הפרויקט עצמו, לא על תיקייה ריקה. זה כל הטריק: הוא צריך לראות את הקבצים כדי לצייר אותם.
ומדביקים:
תצייר לי ציור פשוט של איך הפרויקט הזה בנוי, עם הסקיל ian-xiaohei-illustrations
זה עובד כמו שזה. אם אתם רוצים תוצאה טובה יותר כבר בפעם הראשונה, הנה הגרסה המלאה שאני משתמש בה:
תצייר לי ציור פשוט של איך הפרויקט הזה בנוי, עם הסקיל ian-xiaohei-illustrations.
קודם תקרא את הקבצים, ותסביר לי בשלוש שורות מה הפרויקט עושה.
אחר כך ציור אחד בלבד, על הדרך שהמשתמש עובר מההתחלה ועד הסוף.
לכל היותר ארבע תוויות, קצרות, באנגלית.
למה באנגלית? כי מחוללי תמונות עדיין מתבלבלים באותיות עבריות, והופכים אותן לקשקוש. אם חשוב לכם עברית, תבקשו שתיים-שלוש מילים בלבד, ותבדקו כל אות לפני שאתם שולחים למישהו.
איך מקבלים את התמונה עצמה
ב-Codex זה נגמר כאן: הוא מצייר ושומר לכם קובץ PNG.
ב-Claude Code, אחרי שהוא קרא את הפרויקט והחליט מה לצייר, יש שתי דרכים:
דרך אחת: בסגנון כתב יד, דרך ChatGPT. מבקשים מקלוד:
תכתוב לי את ההוראה המלאה לציור הזה, באנגלית, מוכנה להדבקה במחולל תמונות.
מעתיקים את מה שהוא כותב ל-ChatGPT, ומבקשים ממנו ליצור את התמונה. יוצא בדיוק הסגנון של הסקיל: לבן, כתב יד, הדמות השחורה.
דרך שתיים: בלי לצאת מקלוד. מבקשים:
עכשיו תצייר את זה בעצמך, כקובץ SVG פשוט בסגנון של הסקיל, ותפתח לי אותו בדפדפן.
זה פחות ״כתב יד״ ויותר נקי, אבל זה מיידי, והטקסט בו תמיד נכון, גם בעברית, כי הוא כתוב ולא מצויר.
הציור הוא בשבילכם קודם כל
לפני שאתם שולחים אותו לאף אחד, תסתכלו עליו בעצמכם.
פתאום רואים דברים. ש״הטופס״ שולח את המייל דרך שירות שלא ידעתם שקיים. שיש שני מקומות ששומרים את אותו מידע. שהחלק שרציתם לשנות בכלל יושב במקום אחר ממה שחשבתם.
ומכאן גם הבקשה הבאה לקלוד משתפרת. במקום ״תתקן את האתר״, אתם אומרים ״בקופסה של הטופס, תשנה את זה״. בקשה מדויקת, תשובה מדויקת.
איך משתפים את הציור עם שותף
זה החלק שבגללו בכלל התחלתי להשתמש בזה.
כשאתם עובדים עם מישהו שלא מבין בטכנולוגיה, שותף, לקוח, מנהל, הוא לא צריך את הקוד. הוא צריך להבין למה זה בנוי ככה, ואיפה נמצא מה.
כמה דברים שעובדים:
- שולחים את הציור עם משפט אחד. ״ככה זה עובד, מהרגע שהלקוח נכנס לאתר ועד שהמייל מגיע אליו.״ בלי הרצאה.
- ציור אחד לכל שאלה. אם הוא שואל על החלק של התשלום, מבקשים מקלוד ציור נפרד רק על החלק הזה. ציור שמנסה להראות הכל, לא מראה כלום.
- שואלים מה לא ברור. מה שלא ברור לו בציור, בדרך כלל לא היה ברור גם לכם. זה בדיוק המקום לשאול את קלוד עוד שאלה.
- מעדכנים כשהפרויקט משתנה. ציור ישן מסביר פרויקט שכבר לא קיים. אחרי שינוי גדול, מריצים את הפרומפט שוב.
למה זה עובד
כשה-AI בונה בשבילכם, הוא מקבל החלטות. איפה לשמור מידע, איזה שירות לחבר, איך לחלק את הקבצים. ההחלטות האלה יושבות בקוד, והקוד לא נקרא.
ציור מוציא את ההחלטות החוצה, למקום שבו אתם יכולים לראות אותן, להתווכח איתן, ולהסביר אותן הלאה. זה ההבדל בין פרויקט ש״עובד ואל תיגעו בו״ לבין פרויקט שאתם באמת מנהלים.
מה לא נמצא כאן
קיבלתם כאן סקיל אחד ופרומפט אחד.
מה שלא נכנס למדריך זה השיטה שמעל: איך בונים עם AI מההתחלה כך שהפרויקט נשאר מובן, איך כותבים לו בקשות שלא שוברות דברים קיימים, ואיך הופכים את מה שאתם עושים שוב ושוב לסקיל משלכם. זה חלק מסדנה שאנחנו בונים עכשיו, והיא לא תהיה חינם.
עד אז, תריצו את הפרומפט על הפרויקט האחרון שבניתם.
ואם עצרתם ותהיתם איך בכלל יודעים לבקש מ-AI את הדבר הנכון, בניסוח הנכון, בלי חמישים ניסיונות: זה בדיוק מה שלימדנו יותר מ-800 אנשים ב-Invisible AI. הפרומפט שלמעלה הוא רק דוגמה אחת קטנה למה שיוצא מזה.
באהבה, מתן ועומר.