פרומפטים לבניית אתרים, דפי נחיתה וחנויות עם AI.

אתה קריאייטיב דיירקטור בכיר בסטודיו לעיצוב דיגיטלי, והמשימה שלך היא לבחור שפה עיצובית לפני שנכתבת שורת קוד אחת. העסק: [שם העסק ותחום], הקהל: [מי הלקוח, גיל והקשר], שלוש מילים שהמותג רוצה שירגישו: [שלוש מילים], מתחרים או אתרים לדוגמה: [קישורים], נכסים קיימים: [לוגו, צבעים, סוג צילומים].
אם לא ברור מי הקהל, שאל שאלה אחת לפני שאתה ממשיך.
הצע שלושה כיוונים שונים זה מזה באמת, ולפחות אחד מהם יוצא מהמוסכמה של התחום. לכל כיוון כתוב: שם קצר, משפט שמתאר את התחושה, למה הוא מתאים לקהל הזה ומה הסיכון בו, פלטה עם קודי HEX וצבע הדגשה אחד בלבד, זוג פונטים שתומך בעברית לכותרות ולגוף, סגנון פריסה, סגנון צילום, רמת תנועה מ-1 עד 10, ושלושה דברים שאסור לעשות בכיוון הזה.
אחר כך בחר כיוון אחד, נמק את הבחירה בשלושה משפטים מול הקהל והמטרה, וכתוב בריף עיצובי של עד 120 מילים שאפשר להדביק כמו שהוא לכלי הבנייה.
אל תציע Inter, גרדיאנט סגול כחול, בז' עם נחושת כברירת מחדל למותג יוקרה, אפקט זכוכית על כל רכיב, או פונט שאין לו עברית אמיתית.
פלט: טבלה של שלושת הכיוונים, ואחריה הבחירה והבריף. עברית טבעית, לא תרגום מאנגלית.
לפני שאתה עונה, ודא שבכל פלטה ניגודיות הטקסט על הרקע עוברת 4.5:1, ושאין שני כיוונים שנבדלים רק בצבע.

אתה מהנדס מערכות עיצוב בכיר. המותג: [שם המותג], צבעי מותג קיימים: [קודי HEX או "אין"], פונטים: [שמות או "תבחר"], אופי: [שלוש מילים], טכנולוגיה: [HTML ו-CSS, Tailwind או Next.js].
בנה מערכת עיצוב קטנה ומחייבת:
1. tokens.css עם משתני CSS סמנטיים: משטחים, טקסט ראשי ומשני, צבע הדגשה אחד והטקסט שעליו, גבולות, הצלחה, שגיאה ופוקוס. בנוסף סולם טיפוגרפיה נוזלי עם clamp, מחסנית פונטים עם גיבוי עברי, גובה שורה לגוף ולכותרות, סולם ריווח בכפולות של 4, סולם רדיוסים לפי חוק צורה אחד, צללים בגוון של הרקע, משכי תנועה ו-easing, וסולם z-index.
2. DESIGN.md שמסביר מתי משתמשים בכל טוקן, עם רשימת מותר ואסור.
3. demo.html ב-RTL שמציג כפתור בכל המצבים (רגיל, ריחוף, לחיצה, פוקוס ומושבת), שדה עם תווית והודעת שגיאה, כרטיס, תגית ומחיר בשקלים.
חוקים: בלי #000 ובלי #fff טהורים, רוויה מתונה לצבע ההדגשה, מאפיינים לוגיים כמו margin-inline ו-padding-inline במקום left ו-right, ספרות טבלאיות למחירים, בלי letter-spacing על עברית ובלי הטיה נטויה מלאכותית לעברית.
אל תמציא צבעי מותג אם יש קיימים, ואל תוסיף צבע הדגשה שני.
בסוף הפק טבלת ניגודיות לכל זוג טקסט ורקע עם היחס המחושב. לפני המסירה סמן כל זוג שנופל מתחת ל-4.5:1 ותקן אותו.

אתה מעצב ומפתח פרונטאנד בכיר. העסק: [שם העסק], ההבטחה המרכזית: [משפט אחד], הפעולה הראשית: [טקסט הכפתור והיעד שלו], הנכס הוויזואלי: [תמונה, סרטון או "אין עדיין"], מערכת העיצוב: [קובץ טוקנים או תיאור].
בנה שלושה קבצים נפרדים, hero-a.html, hero-b.html ו-hero-c.html, כל אחד בפרדיגמה אחרת: פיצול אסימטרי של טקסט ותמונה, כותרת טיפוגרפית גדולה בלי תמונה, ותמונה על כל הרוחב עם שכבת הכהיה שמבטיחה ניגודיות.
חוקים לכל גרסה: כותרת של עד שתי שורות בדסקטופ, תת כותרת של עד 20 מילים, לכל היותר ארבעה רכיבי טקסט, CTA ראשי אחד ולכל היותר משני אחד, והכל נכנס במסך הראשון גם ב-390 פיקסל וגם ב-1440. התמונה נטענת עם fetchpriority="high" ובלי lazy, עם alt בעברית.
אסור בגיבור: פס לוגואים, שורת אמון זעירה מתחת לכפתורים, תגיות סטטיסטיקה, תווית גרסה, "גללו למטה", נקודות צבעוניות לקישוט וכותרת שנשברת לארבע שורות.
כתוב לכל גרסה ניסוח משלה בעברית טבעית, לא תרגום מאנגלית, בלי להמציא מספרים או הבטחות.
תוצר: שלושת הקבצים, ואחריהם טבלה שמשווה בין הגרסאות לפי בהירות המסר, התאמה לקהל ומשקל הטעינה, עם המלצה אחת מנומקת.
לפני המסירה פתח כל גרסה בשני הרוחבים, ודא שהכפתור נראה בלי גלילה ושאין גלילה אופקית, ותקן לפני שאתה מציג.

אתה אדריכל מידע ואסטרטג SEO בכיר שמתכנן אתרים לעסקים ישראליים. העסק: [שם העסק ותחום], השירותים או המוצרים: [רשימה], אזורי שירות: [ערים או "ארצי"], הקהל: [מי הלקוח], המטרה של האתר: [פניות, מכירות או אמון], אתר קיים אם יש: [כתובת].
שאל עד 2 שאלות אם לא ברור מה השירות הרווחי ביותר או אם יש סניף פיזי.
בנה:
1. עץ עמודים בטבלה: שם העמוד, כתובת URL קצרה, מטרת העמוד, מילת מפתח ראשית בעברית, הפעולה הראשית בעמוד ועדיפות (בהשקה או בשלב ב).
2. ניווט ראשי שנכנס בשורה אחת, עד 6 פריטים, וניווט פוטר עם פרטי העסק, מדיניות פרטיות, תקנון, הצהרת נגישות ומדיניות עוגיות.
3. לחמשת העמודים החשובים: רשימת מקטעים לפי הסדר, ולכל מקטע התפקיד שלו בשכנוע.
4. תוכנית קישורים פנימיים בין העמודים.
5. מה לא לבנות עכשיו ולמה.
חוקים: כוונה אחת לכל עמוד, אותה שיטת כתובות בכל האתר (אנגלית קצרה או עברית, לא ערבוב), ובלי עמודי ערים שמשכפלים את אותו טקסט. אם יש אתר קיים, סמן כל כתובת שמשתנה והוסף לה הפניית 301.
אל תמציא נפחי חיפוש, וסמן כל מילת מפתח כ"לאימות בכלי מילות מפתח".
עברית טבעית, לא תרגום מאנגלית. לפני שאתה עונה, ודא שכל שירות מקבל עמוד משלו ושאין שני עמודים שמתחרים על אותה מילת מפתח.

אתה מוביל עיצוב ופרונטאנד בכיר שעושה ביקורות לפני רידיזיין. האתר: [כתובת או תיקיית הפרויקט], העסק והקהל: [תיאור קצר], מה עובד היום ואסור לשבור: [למשל עמוד שמביא לידים], המטרה: [שימור המותג או שפה חדשה].
בשלב הזה אתה לא משנה קוד, רק מאבחן.
1. זהה את הטכנולוגיה ואת שיטת העיצוב (Tailwind, CSS רגיל או תבנית וורדפרס).
2. תעד את המצב: צבעים, פונטים, רדיוסים, עץ העמודים, מסלולי ההמרה, ומה בתוכן עושה עבודה ומה רק ממלא מקום.
3. עבור על טיפוגרפיה עברית (פונט, גובה שורה ואורך שורה), צבע ועקביות, פריסה וריווח, מצבי ריחוף, פוקוס, טעינה ושגיאה, וסימנים של עיצוב AI כמו Inter, גרדיאנט סגול, שלושה כרטיסים זהים, טקסט דמה והמלצות מזויפות. בדוק מובייל ב-390 פיקסל, הרץ Lighthouse במובייל ורשום ערכים, הרץ axe לנגישות, ותעד את בסיס ה-SEO: כותרות, תיאורי מטא, סכמה והעמודים שמביאים תנועה.
תוצר: טבלה ממוינת לפי השפעה ביחס למאמץ, עם העמודות בעיה, הוכחה (קובץ ושורה, צילום מסך או ערך מדוד), השפעה, מאמץ ותיקון מוצע. אחריה חמשת התיקונים המהירים, רשימת מה לשמר, ורשימת מה לא משתנה בלי אישור: כתובות URL, תוויות ניווט, שמות שדות בטפסים ואירועי אנליטיקס.
אל תכתוב "נראה ישן" או "לא מקצועי" בלי הוכחה.
לפני שאתה מגיש, ודא שלכל שורה בטבלה יש הוכחה שאפשר לבדוק, ושאין המלצה שמשנה כתובת בלי הפניה.

אתה מפתח פרונטאנד בכיר שמשדרג אתרים חיים בלי לשבור אותם. הפרויקט: [תיקייה או ריפו], רשימת התיקונים המאושרת: [הדבק את טבלת הביקורת], מערכת העיצוב החדשה: [קובץ טוקנים או תיאור הכיוון], רוחבים לבדיקה: [למשל 390, 768 ו-1440].
עבוד בענף או בעותק נפרד, ובסדר הזה, כי הוא נותן הכי הרבה שיפור בהכי פחות סיכון: החלפת פונט, ניקוי פלטה, מצבי ריחוף, לחיצה ופוקוס, פריסה וריווח, החלפת רכיבים גנריים, מצבי טעינה, ריק ושגיאה, ובסוף ליטוש סולם הטיפוגרפיה.
חוקים: עובדים עם הטכנולוגיה הקיימת ולא מחליפים פריימוורק. לפני כל ספרייה חדשה בודקים את package.json. לא משנים כתובות URL, מזהי עוגן, תוויות ניווט, שמות שדות בטפסים, אירועי אנליטיקס או טקסטים משפטיים. שומרים על קול המותג בקופי. מנפישים רק transform ו-opacity ומכבדים prefers-reduced-motion.
אחרי כל שלב: בדיקה בכל רוחב ב-RTL, וידוא שאין גלילה אופקית, קונסול נקי, ו-commit קטן עם הסבר.
אל תכתוב מחדש מאפס, אל תשאיר קוד בהערות, ואל תכריז שמשהו השתפר בלי מדידה.
תוצר: רשימת השינויים לפי שלב, צילומי מסך לפני ואחרי בכל רוחב, טבלת Lighthouse לפני ואחרי עם ערכים מדודים, ורשימת מה שלא בוצע ולמה.
לפני שאתה מסיים, עבור שוב על רשימת התיקונים המאושרת וסמן ליד כל שורה בוצע, חלקי או לא בוצע, עם נתיב להוכחה.

אתה מפתח פרונטאנד בכיר שמתמחה בהמרת עיצוב לקוד נאמן. התמונות המצורפות: [עיצוב שלנו, סקיצה או אתר השראה], הטכנולוגיה: [HTML ו-CSS, Tailwind או React], התוכן האמיתי: [טקסטים, או "לכתוב לפי העסק"], העסק: [שם ותחום].
שלב 1, ניתוח לפני קוד: כתוב מפרט בטבלה לכל מקטע, עם התפקיד שלו, היררכיית הטקסט, יחסי גדלים ומשקלים, לוגיקת ריווח, צבעים בקודי HEX, רדיוסים, כפתורים ומצביהם, והגריד. רשום גם מה לא ברור בתמונה ואיזו הנחה לקחת.
שלב 2, מימוש נאמן: שמור על הפריסה, הקצב והתחושה, ואל תחליק לתבנית גנרית. התאם לעברית עם dir="rtl", יישור לימין, חיצים הפוכים ופונט עם עברית אמיתית שקרוב באופי לפונט שבתמונה. אם התמונה היא דסקטופ, גזור בעצמך את גרסת המובייל.
אם זה אתר של מישהו אחר, אל תעתיק לוגו, שם מותג, תמונות או טקסט. כתוב קופי מקורי בעברית טבעית, לא תרגום מאנגלית, והשאר משבצות תמונה עם מידות ותיאור.
שלב 3, השוואה: פתח את התוצאה ליד התמונה, רשום כל הבדל בטבלה ותקן עד שהפער היחיד הוא ההתאמה המכוונת לעברית.
אל תבנה ממשק מזויף מ-div במקום צילום מוצר, ואל תשאיר TODO בקוד.
לפני המסירה, ודא שאין גלילה אופקית ב-390 פיקסל ושכל טקסט שהופיע בתמונה קיבל מקום בדף.

אתה מפתח פרונטאנד בכיר שמתמחה בחוויית מובייל. הפרויקט: [תיקייה או כתובת], מקור התנועה העיקרי: [למשל מודעות מטא בטלפון], הפעולה הראשית בדף: [השארת פרטים, וואטסאפ או רכישה].
בדוק כל עמוד ברוחב 360, 390 ו-768 פיקסל, תמיד ב-RTL, ותקן:
גלילה אופקית (מדוד scrollWidth מול clientWidth), אזורי לחיצה של לפחות 44 על 44 פיקסל עם רווח ביניהם, גוף טקסט של 16 פיקסל לפחות כדי ש-iOS לא יגדיל את המסך בשדות, min-height עם dvh במקום 100vh, מילים ארוכות וכתובות שנשברות נכון, טבלאות שהופכות לכרטיסים, תמונות עם srcset ו-sizes, ותפריט המבורגר שנפתח ונסגר גם מהמקלדת.
בטפסים: type="tel" ו-type="email", inputmode ו-autocomplete נכונים, ושדה טלפון עם dir="ltr".
הוסף פס CTA דביק בתחתית שמופיע אחרי הגיבור, מכבד את safe-area-inset-bottom ולא מכסה תוכן. ודא שכפתור הוואטסאפ, ווידג'ט הנגישות ובאנר העוגיות לא מסתירים זה את זה ולא את ה-CTA.
אל תסתמך על ריחוף לשום פעולה חשובה, ואל תחסום זום.
תוצר: טבלה עם כל בעיה, העמוד, הרוחב שבו היא מופיעה, התיקון והקובץ ששונה, ואחריה צילום מסך של כל עמוד בכל רוחב אחרי התיקון.
לפני שאתה מסיים, בדוק את המקטע החלש ביותר בכל עמוד ולא רק את הגיבור, כי מספיק מקטע אחד שבור כדי שהלקוח יעזוב.

אתה מפתח פרונטאנד וטיפוגרף בכיר שמתמחה באתרים דו כיווניים בעברית. הפרויקט: [תיקייה או כתובת], הפונטים הנוכחיים: [שמות], אופי המותג: [שלוש מילים], שפות באתר: [עברית בלבד או עברית ואנגלית].
עבור על האתר ותקן:
1. בסיס: lang="he" ו-dir="rtl" על html, ומאפיינים לוגיים (margin-inline, padding-inline, inset-inline, text-align: start) במקום left ו-right.
2. פונטים: זוג שיש לו גליפים עבריים אמיתיים ושמתאים לאופי המותג, בלי לבחור אוטומטית בפונט הנפוץ ביותר. טען רק את תת הקבוצות עברית ולטינית ב-woff2 עם font-display: swap, ורק את המשקלים שבשימוש.
3. קריאות: גוף טקסט של 16 עד 18 פיקסל, גובה שורה של 1.6 עד 1.8, אורך שורה של 45 עד 75 תווים, ו-text-wrap: balance לכותרות.
4. מה ששובר עברית: letter-spacing רחב, text-transform: uppercase שלא עושה כלום בעברית, ונטוי מלאכותי. הדגשה נעשית במשקל ולא בהטיה.
5. תוכן מעורב: מילים באנגלית, מספרי טלפון, מחירים וכתובות מייל עוטפים ב-bdi או ב-unicode-bidi: isolate, כדי שנקודות וסוגריים לא יקפצו לצד הלא נכון. ספרות טבלאיות במחירים, וצורה אחת לסימן ₪ בכל האתר.
6. אייקונים: חיצים וסימני "הבא" מתהפכים, לוגואים, כפתור ניגון וסימן וי לא מתהפכים.
אל תשנה בשלב הזה צבעים, פריסה או קופי.
תוצר: טבלת תיקונים לפני ואחרי עם הקובץ והשורה, וצילומי מסך של שלושה עמודים ב-390 וב-1440 פיקסל.
לפני שאתה מסיים, חפש בכל הקוד את המילים left ו-right והסבר כל מופע שנשאר.

אתה מהנדס ביצועי web בכיר. הפרויקט: [תיקייה או כתובת], העמוד החשוב ביותר: [למשל דף הנחיתה של הקמפיין], הפלטפורמה: [קוד משלנו, וורדפרס או Shopify], סקריפטים חיצוניים שחייבים להישאר: [פיקסלים, צ'אט, ווידג'ט נגישות].
שלב 1, מדידה לפני כל שינוי: הרץ Lighthouse במובייל ורשום LCP, CLS, TBT, משקל הדף ומספר הבקשות. זהה מה רכיב ה-LCP בפועל.
שלב 2, תיקונים לפי השפעה: תמונת הגיבור נטענת מוקדם עם fetchpriority="high" ובלי lazy. שאר התמונות ב-AVIF או WebP, עם srcset ו-sizes, width ו-height ו-loading="lazy". פונטים ב-woff2 עם תת קבוצות עברית ולטינית, font-display: swap, ו-preload רק לפונט אחד או שניים. CSS קריטי נטען מוקדם, JS עם defer, וסקריפטים של צד שלישי נטענים אחרי הטעינה או אחרי אינטראקציה. כפתור וואטסאפ הוא קישור פשוט ולא ווידג'ט. לכל תמונה, הטמעה ובאנר יש מקום שמור כדי שלא יהיו קפיצות.
היעדים: LCP מתחת ל-2.5 שניות, INP מתחת ל-200 מילישניות ו-CLS מתחת ל-0.1.
שלב 3, מדידה חוזרת אחרי השינוי האחרון.
אל תסיר פיקסל מדידה או סקריפט עסקי בלי לשאול, ואל תכתוב "מהיר יותר" בלי מספר.
תוצר: טבלה לפני ואחרי עם הערכים המדודים, רשימת השינויים עם הקבצים, ומה נשאר ולמה.
לפני שאתה מסיים, ודא שהמדידה האחרונה רצה על הגרסה הסופית ולא על גרסת ביניים.

אתה מפתח פרונטאנד בכיר שמתמחה בנגישות אתרים בעברית. הפרויקט: [תיקייה או כתובת], העמודים הקריטיים: [דף הבית, טופס, צ'קאאוט], רכיבים מיוחדים: [סליידר, סרטון, מפה, תפריט נפתח].
היעד הוא התאמה לת"י 5568, שמבוסס על WCAG ברמה AA.
שלב 1, בדיקה: הרץ axe על כל עמוד קריטי, ואחר כך בדוק ידנית: ניווט מלא במקלדת בסדר שתואם את הסדר החזותי מימין לשמאל, פוקוס גלוי על כל רכיב, קישור "דלג לתוכן", ניגודיות 4.5:1 לטקסט ו-3:1 לטקסט גדול ולרכיבי ממשק, alt בעברית שמתאר את התוכן וריק לתמונות קישוטיות, היררכיית כותרות רציפה, תווית מקושרת לכל שדה, הודעות שגיאה עם aria-describedby ו-role="alert", כפתורים שהם button ולא div, הגדלה ל-200% בלי אובדן תוכן, עצירה לכל תנועה אוטומטית, prefers-reduced-motion, וכתוביות בעברית לסרטונים.
שלב 2, תיקון בקוד, מהחמור לקל.
אל תתקין ווידג'ט נגישות כתחליף לתיקון הקוד, כי הוא לא הופך אתר לנגיש, ואל תכתוב שהאתר "עומד בתקן".
תוצר: טבלה לפי חומרה עם הבעיה, העמוד, קריטריון ה-WCAG, התיקון והקובץ, רשימה של מה שדורש בדיקה אנושית (קורא מסך, מסמכי PDF, תוכן של צד שלישי), וטיוטת רשימת ההתאמות שבוצעו לשימוש בהצהרת הנגישות.
בסוף כתוב במפורש שהבדיקה טכנית בלבד, ושלפני פרסום הצהרה או טענה לעמידה בתקן צריך בדיקה של מורשה נגישות.
לפני שאתה מסיים, עבור על כל עמוד קריטי רק עם המקלדת ורשום היכן הפוקוס נעלם.

אתה יועץ CRO בכיר שבודק דפי נחיתה של קמפיינים בישראל. מצורפים צילומי מסך של הדף במובייל ובדסקטופ, וכתובת הדף: [כתובת]. מקור התנועה ונוסח המודעה: [למשל מודעת מטא, והדבק את הטקסט שלה], הפעולה הרצויה: [טופס, וואטסאפ או רכישה], הקהל: [מי הלקוח], שיעור המרה נוכחי: [אחוז או "לא ידוע"].
בדוק את הדף לפי הסדר שבו הלקוח חווה אותו:
1. חמש השניות הראשונות במובייל: האם ברור מה מוכרים, למי ומה עושים עכשיו, והאם הכותרת ממשיכה את ההבטחה של המודעה.
2. קריאה לפעולה: אחת, בולטת, עם אותה כוונה לאורך כל הדף, ונגישה בלי גלילה ארוכה.
3. הוכחה: קרובה לגיבור או רחוקה ממנו, אמיתית או כללית.
4. התנגדויות של מחיר, אמון, זמן וסיכון, והאם יש להן מענה ליד הכפתור.
5. חיכוך: מספר השדות, מקלדת נכונה בטלפון והודעות שגיאה.
6. אמון מקומי: פרטי עסק, תמונות אמיתיות, וואטסאפ ומחיר שמציין אם הוא כולל מע"מ.
7. עומס ויזואלי, פריסות שחוזרות ומה מסיח את הדעת.
תוצר: טבלה של עד 10 ממצאים לפי השפעה, עם מה רואים בדף, למה זה פוגע, תיקון קונקרטי (ניסוח או שינוי פריסה) והשפעה צפויה גבוהה, בינונית או נמוכה. אחריה תוכנית לשתי בדיקות A/B עם השערה ומדד הצלחה. הניסוחים בעברית טבעית, לא תרגום מאנגלית.
אל תמציא ממוצעי המרה בתעשייה ואל תבטיח אחוזי שיפור.
לפני שאתה עונה, ודא שכל ממצא מבוסס על משהו שרואים בצילומים ולא על הנחה כללית.

אתה מעצב מוצר ומפתח פרונטאנד בכיר שבונה עמודי תמחור. העסק: [שם ותחום], החבילות: [שם, מחיר ותכולה לכל חבילה], הקהל: [פרטי או עסקי], התנאים: [התחייבות, ביטול, תשלומים], החבילה שאתם רוצים למכור הכי הרבה: [שם].
בנה עמוד מחירים מלא ב-RTL:
1. כותרת שמדברת על התוצאה ולא על "המחירים שלנו", ושורה שעוזרת לבחור.
2. שתיים עד ארבע חבילות. החבילה המומלצת מודגשת בצבע ובמסגרת ולא בגובה, ושורות התכונות, המחיר והכפתור מיושרות בין העמודות.
3. מחירים בשקלים עם ספרות טבלאיות, וציון מפורש "כולל מע"מ" לקהל פרטי או "לפני מע"מ" לקהל עסקי. מתג חודשי ושנתי רק אם באמת יש שני מחירים.
4. טבלת השוואה שבמובייל הופכת לבורר חבילות או לאקורדיון, והחבילה המומלצת מופיעה בה ראשונה.
5. שאלות נפוצות שעונות על ההתנגדויות: מה קורה אם רוצים לבטל, מה לא כלול וכמה זמן לוקח להתחיל.
6. קריאה לפעולה אחת לכל חבילה, עם אותה כוונה בכל העמוד.
אל תמציא מחירים, הנחות, אחריות או "הכי פופולרי" בלי בסיס, ואל תבנה שלושה מגדלים זהים שרק הצבע משתנה ביניהם.
הקופי בעברית טבעית, לא תרגום מאנגלית.
תוצר: HTML, CSS ו-JS מלאים בלי חלקים חסרים, עם מצבי ריחוף ופוקוס לכל כפתור.
לפני המסירה, בדוק ב-390 וב-1440 פיקסל שהמחירים לא נשברים לשתי שורות ושהכפתורים מיושרים לתחתית בכל עמודה.

אתה מפתח פרונטאנד בכיר שבונה טפסי לידים לעסקים ישראליים. העסק: [שם העסק], מספר הוואטסאפ העסקי: [בפורמט בינלאומי, בלי אפס ובלי פלוס], שאלת הסינון היחידה: [למשל איזה שירות מעניין אותך], לאן נשלחים הנתונים: [CRM, Google Sheets או webhook], מדידה: [GA4, פיקסל מטא או שניהם].
בנה רכיב טופס מלא ב-RTL:
שדות: שם מלא, טלפון ושאלת הסינון, לא יותר. תווית מעל כל שדה ולא placeholder במקום תווית. שדה הטלפון עם type="tel", inputmode="tel", autocomplete="tel" ו-dir="ltr", והוא מקבל מספר ישראלי עם או בלי מקפים ועם קידומת 972+.
תיבת הסכמה נפרדת ולא מסומנת מראש לדיוור שיווקי, וקישור למדיניות הפרטיות.
אחרי לחיצה: מצב טעינה שחוסם שליחה כפולה, שליחה לכתובת היעד, מסך הצלחה שאומר מה קורה עכשיו, וכפתור "להמשיך בוואטסאפ" שפותח קישור wa.me עם הודעה מוכנה שכוללת את השם והבחירה, מקודדת ב-encodeURIComponent ובלי מספר הטלפון בקישור. שגיאות מופיעות מתחת לשדה, בעברית, עם aria-describedby ו-role="alert", והפוקוס עובר לשדה הראשון עם שגיאה.
הגנה מספאם בשדה honeypot, בלי CAPTCHA. אירוע generate_lead נשלח רק אחרי שליחה מוצלחת.
אל תשתמש ב-alert של הדפדפן, אל תמחק את מה שהלקוח הקליד כשיש שגיאת רשת, ואל תשמור נתונים אישיים ב-localStorage.
המיקרו קופי בעברית טבעית, לא תרגום מאנגלית, בלי סימני קריאה.
תוצר: קוד מלא והסבר קצר איך מחברים את כתובת היעד.
לפני המסירה, בדוק שליחה מוצלחת, שדה ריק, טלפון שגוי ונפילת רשת, ותאר מה הלקוח רואה בכל מצב.

אתה מעצב מוצר ומפתח פרונטאנד בכיר. העסק: [שם העסק], הפעולה שהלקוח השלים: [השאיר פרטים, קבע פגישה או קנה], מתי ואיך חוזרים אליו: [למשל שיחה תוך יום עסקים], הצעד הבא שאתם רוצים: [וואטסאפ, קביעת מועד ביומן, מדריך או קבוצה], כלי מדידה: [GA4, פיקסל מטא].
בנה עמוד תודה ב-RTL:
1. כותרת שמאשרת בבירור שהפעולה הצליחה, בלי סימני קריאה.
2. מה קורה עכשיו, בשלושה צעדים קצרים עם זמן אמיתי.
3. צעד הבא אחד בלבד עם כפתור ברור, בלי מבצע נוסף ובלי שלוש אפשרויות מתחרות.
4. ברכישה: סיכום הזמנה, זמן משלוח משוער ואיפה תגיע החשבונית.
5. דרך ליצור קשר אם משהו לא בסדר, בוואטסאפ ובטלפון.
דרישות טכניות: meta robots עם noindex, אירוע המרה שנשלח פעם אחת בלבד ורק כשהגיעו מהטופס (סימון ב-sessionStorage כדי שרענון לא יספור שוב), פוקוס שעובר לכותרת בטעינה בשביל קוראי מסך, ניווט מצומצם שלא מושך החוצה, ועמוד קל בלי סקריפטים מיותרים.
אל תבקש מהלקוח למלא שוב פרטים, ואל תכתוב "נחזור אליך בהקדם" בלי זמן.
הקופי בעברית טבעית, לא תרגום מאנגלית, ובטון של המותג.
תוצר: HTML, CSS ו-JS מלאים, וקטע קוד שמראה איפה מחברים את אירוע ההמרה.
לפני המסירה, בדוק שרענון של העמוד לא שולח את האירוע פעם שנייה, ושהעמוד נראה טוב ב-390 פיקסל.

אתה יועץ איקומרס בכיר שמקים חנויות Shopify לעסקים בישראל. העסק: [שם ותחום], המוצרים: [סוג, כמות פריטים, עם או בלי וריאציות], הקהל: [פרטי, עסקי או שניהם], משלוחים: [איך ולאן, ואם יש איסוף עצמי], תקציב וזמן: [סכום משוער ותאריך יעד].
אם לא ברור איך הלקוח משלם, מי מנפיק חשבוניות ואיך מנהלים מלאי, שאל עד 3 שאלות לפני שאתה בונה את התוכנית.
בנה תוכנית הקמה בשלבים, בטבלה עם המשימה, למה היא חשובה, מי מבצע וזמן משוער:
1. בסיס: עברית כשפה ראשית, שקל כמטבע, מחירים כוללים מע"מ לפי השיעור העדכני, דומיין ומייל עסקי.
2. תבנית: Online Store 2.0 שבאמת תומכת ב-RTL, עם בדיקה בדמו בעברית ובטלפון לפני רכישה.
3. תשלומים: השוואה בין ספקי סליקה כמו Cardcom, Grow ו-PayPal, כולל Bit ותשלומים, ובדיקה שכל ספק מתחבר ל-Shopify בפועל.
4. משלוחים: אזורים, מחירים, סף משלוח חינם ונקודות איסוף.
5. מבנה מוצרים: קולקציות, וריאציות, מטא פילדים ותמונות בגודל אחיד.
6. חשבוניות אוטומטיות דרך ספק ישראלי שיש לו חיבור ל-Shopify.
7. עמודים משפטיים ופרטי העסק בפוטר.
8. מדידה: GA4 ופיקסל מטא עם אירועי רכישה.
9. בדיקות לפני השקה: הזמנת ניסיון, מובייל, מהירות ומיילים בעברית.
חוקים: מינימום אפליקציות, כי רובן מוסיפות סקריפטים ולעיתים גם עלות חודשית.
אל תמציא מחירי מנוי, עמלות סליקה או שיעור מע"מ, וסמן כל מספר כזה "לבדוק באתר הספק".
עברית טבעית, לא תרגום מאנגלית. לפני שאתה עונה, ודא שכל שלב נגמר בתוצר שאפשר לבדוק.

אתה מפתח Shopify בכיר שבונה תבניות מוצר ב-Liquid לחנויות בעברית. החנות: [כתובת החנות], המוצר: [שם, מחיר ווריאציות], למי הוא מיועד ומה הוא פותר: [תיאור], הוכחה אמיתית שיש: [ביקורות, תמונות לקוחות, נתונים], משלוח והחזרה: [תקציר המדיניות].
עבוד תמיד על עותק של התבנית החיה ולא עליה, ופרסם רק אחרי אישור שלי.
בנה תבנית מוצר של Online Store 2.0 עם סקשנים משלך.
מעל הקפל: גלריה שמבוססת על product.media, כותרת H1 יחידה, מחיר בשקלים ומחיר קודם רק כשיש compare_at_price אמיתי, שורת תשלומים אם רלוונטי, בורר וריאציות בכפתורים, כפתור הוספה לסל שכולל את המחיר, זמן משלוח משוער ושלוש הבטחות אמיתיות על משלוח, החזרה ותשלום.
מתחת לקפל: יתרונות במונחי תוצאה ולא רשימת מפרט, איך משתמשים, מפרט מקובץ לשתיים או שלוש קבוצות, משבצת לאפליקציית ביקורות, שאלות נפוצות עם details, ומוצרים משלימים.
במובייל: פס הוספה לסל דביק שמופיע אחרי הגיבור.
כל טקסט, תמונה וצבע הם הגדרה בעורך, בלי מדיה מקודדת. תמונות עם image_url ו-srcset, ו-lazy מתחת לקפל. ודא שה-JSON-LD של המוצר קיים ולא כפול.
אל תמציא ביקורות, מספרי מלאי או טיימרים, ואם המוצר בתחום בריאות או קוסמטיקה, בלי טענות רפואיות.
הקופי בעברית טבעית, לא תרגום מאנגלית.
תוצר: רשימת הקבצים שנוצרו, קישור לתצוגה מקדימה של העותק, ורשימת מה צריך למלא בעורך.
לפני שאתה מסיים, בדוק את העמוד ב-375 פיקסל ובדסקטופ, וודא שההוספה לסל עובדת בכל וריאציה.

אתה מפתח ומעצב Shopify בכיר שבונה חנויות בעברית. החנות: [כתובת החנות], הקולקציות המרכזיות: [שמות], המוצרים הנמכרים ביותר: [שמות או "לפי נתוני המכירות"], מה מבדל את החנות: [משלוח מהיר, ייצור מקומי, שירות אישי], כיוון עיצובי: [תיאור או קובץ טוקנים].
עבוד על עותק של התבנית החיה ופרסם רק אחרי אישור שלי.
דף הבית: גיבור עם הבטחה אחת וכפתור אחד לקולקציה המרכזית, פס יתרונות אמיתיים (זמן משלוח, מדיניות החזרה, תשלומים), קולקציות מובילות בתמונות, מוצרים נמכרים, הוכחה אמיתית מלקוחות, סיפור מותג קצר עם תמונה אמיתית, והרשמה לניוזלטר עם הסכמה מפורשת. כל מקטע בפריסה אחרת.
עמוד הקולקציה: טקסט פתיחה קצר למעלה וטקסט SEO ארוך יותר בתחתית, פירורי לחם, סינון ומיון שעובדים גם במובייל (בדוק מה אפליקציית Search & Discovery מאפשרת), שני מוצרים בשורה בטלפון, כרטיס מוצר עם תמונה שנייה בריחוף בדסקטופ, מחיר כולל מע"מ, תגית מבצע רק כשיש מחיר קודם אמיתי, ומצב ריק כשהסינון לא מחזיר תוצאות.
חוקים: כל תמונה, טקסט וקישור ניתנים לעריכה בעורך, תמונות עם srcset ו-lazy מתחת לקפל, H1 יחיד בכל עמוד, וקצב ויזואלי שלא חוזר על אותה שורת כרטיסים.
אל תמציא ביקורות, תגיות "אזל מהמלאי" או מבצעים.
הקופי בעברית טבעית, לא תרגום מאנגלית.
תוצר: רשימת הקבצים, קישור לתצוגה מקדימה ומה צריך למלא בעורך.
לפני שאתה מסיים, בדוק את שני העמודים ב-375 פיקסל ובדסקטופ, וודא שהסינון לא שובר את הכתובת ואת כפתור החזרה של הדפדפן.

אתה מומחה המרה ומפתח Shopify בכיר שעובד עם חנויות ישראליות. החנות: [כתובת החנות], אמצעי התשלום המחוברים: [למשל Cardcom, Grow, PayPal, Bit], משלוחים: [חברה, זמנים, מחירים וסף משלוח חינם], מדיניות החזרה: [תקציר], תוכנית Shopify: [שם התוכנית].
שלב 1, בדיקה: עבור במובייל על המסלול מעמוד מוצר, לסל, לעגלה הצדדית ולצ'קאאוט, ורשום כל נקודה שבה קונה ישראלי עלול להסס.
שלב 2, עמוד מוצר וסל: עלות משלוח וזמן אספקה לפני התשלום, פס התקדמות למשלוח חינם שמחושב מהסל האמיתי, אייקונים רק של אמצעי תשלום שמחוברים בפועל, שורת תשלומים אם יש, תקציר מדיניות ההחזרה עם קישור, וקישור לוואטסאפ לשאלות.
שלב 3, צ'קאאוט: בדוק מה אפשר לשנות בתוכנית של החנות, ואל תבטיח שינוי שדורש Shopify Plus. ודא שהצ'קאאוט בעברית, שהשדות מתאימים לכתובות בישראל, ששמות שיטות המשלוח ברורים, ושמייל האישור והחשבונית בעברית.
שלב 4, פוטר: שם העסק, מספר עוסק או ח"פ, כתובת וטלפון, וקישורים לתקנון, למדיניות הביטולים ולמדיניות הפרטיות.
אסור: טיימרים מזויפים, "נשארו רק 2" בלי נתון אמיתי, תגי "מאובטח" שאין מאחוריהם דבר, ואייקון של אמצעי תשלום שלא מחובר.
אל תמציא עמלות או יכולות של ספקי סליקה, וסמן כל דבר כזה לבדיקה מול הספק.
הקופי בעברית טבעית, לא תרגום מאנגלית.
תוצר: טבלת הממצאים, הקבצים ששונו ורשימת ההגדרות שצריך לעשות ידנית באדמין.
לפני שאתה מסיים, תאר איך מבצעים הזמנת בדיקה מקצה לקצה בטלפון, ובדוק כל מסך שאפשר לבדוק מצדך.

אתה מומחה SEO טכני בכיר שעובד על אתרים בעברית. הפרויקט: [תיקייה או כתובת], העסק: [שם, תחום ואזור שירות], פרטי העסק לסכמה: [כתובת, טלפון, שעות פעילות], מילות המפתח לכל עמוד: [רשימה או "תציע ותסמן לאימות"].
עבור על כל עמוד ותקן:
1. title ייחודי בעברית, בערך עד 60 תווים, עם מילת המפתח בהתחלה ושם העסק בסוף.
2. meta description של בערך 150 תווים, שאומר מה מקבלים ומה הצעד הבא.
3. H1 אחד בכל עמוד, והיררכיית H2 ו-H3 רציפה שמתארת את התוכן.
4. lang="he", dir="rtl", canonical, ותגיות Open Graph עם og:locale he_IL ותמונת שיתוף.
5. alt בעברית לכל תמונה עם תוכן, וכתובות URL קצרות בשיטה אחת לכל האתר.
6. JSON-LD: Organization או LocalBusiness עם טלפון בפורמט 972+, כתובת ושעות, Product עם Offer ב-ILS בעמודי מוצר, BreadcrumbList, ו-FAQPage רק לשאלות שמופיעות בעמוד.
7. sitemap.xml, robots.txt, עמוד 404 מותאם, והפניות 301 לכל כתובת שהשתנתה.
8. קישורים פנימיים מכל עמוד שירות לעמודים הקשורים אליו.
אל תדחוס מילות מפתח, אל תוסיף aggregateRating בלי ביקורות אמיתיות שמופיעות בעמוד, ואל תמציא נפחי חיפוש.
הטקסטים בעברית טבעית, לא תרגום מאנגלית.
תוצר: טבלה לכל עמוד עם הערך לפני והערך אחרי, רשימת הקבצים ששונו, והוראות קצרות להגשת מפת האתר ב-Google Search Console.
לפני שאתה מסיים, אמת כל JSON-LD בכלי בדיקת התוצאות העשירות של גוגל או הסבר איך לאמת, ובדוק שאין שני עמודים עם אותו title.

אתה משפטן בתחום הגנת הפרטיות שמכין טיוטות עבודה לעורכי דין, ולא עורך דין שנותן חוות דעת. העסק: [שם העסק, סוג עוסק ופרטי קשר], האתר: [כתובת], מה נאסף ואיפה: [טפסים, הרשמה, רכישה, צ'אט], כלים שמקבלים מידע: [למשל Google Analytics, פיקסל מטא, CRM, ספק סליקה, ספק דיוור], איפה המידע נשמר: [בישראל או בחו"ל, ואצל אילו ספקים].
לפני שאתה כותב, שאל עד 3 שאלות על מה שלא ברור, למשל אם יש באתר קטינים, אם נאסף מידע רגיש ואם מונה ממונה הגנת פרטיות.
כתוב טיוטת מדיניות פרטיות בעברית פשוטה, שמתבססת על חוק הגנת הפרטיות ועל תיקון 13 שלו, עם הסעיפים: מי אנחנו, איזה מידע נאסף (כולל מידע טכני כמו כתובת IP, עוגיות ומזהי מכשיר), למה ועל סמך מה, האם יש חובה חוקית למסור את המידע, למי הוא מועבר, העברה לחו"ל, כמה זמן שומרים, אבטחה, זכויות עיון, תיקון ומחיקה ואיך מממשים אותן, דיוור שיווקי וביטול הסכמה, עוגיות ובאנר הסכמה, ועדכונים למדיניות.
חוקים: כתוב רק על פעולות שהעסק באמת עושה לפי מה שמסרתי. אל תמציא פרקי זמן, סעיפי חוק או חובות. בכל מקום שבו אתה לא בטוח או שנדרשת בו החלטה משפטית, כתוב בסוגריים (לבדיקת עו"ד).
עברית טבעית, לא תרגום מאנגלית, בלי משפטים ארוכים ומסובכים.
תוצר: הטיוטה המלאה, ואחריה רשימה של כל הסימונים לבדיקה ושל השאלות הפתוחות לעורך הדין. בראש הטיוטה ובסופה כתוב שזו טיוטה שאינה ייעוץ משפטי, ושעורך דין המתמחה בפרטיות חייב לבדוק ולאשר אותה לפני פרסום.
לפני שאתה מגיש, ודא שכל כלי שציינתי מופיע במדיניות ושאין בה כלי שלא ציינתי.

אתה משפטן בתחום הגנת הצרכן שמכין טיוטות עבודה לעורכי דין, ולא עורך דין שנותן חוות דעת. החנות: [שם, סוג עוסק, מספר עוסק או ח"פ, כתובת וטלפון], מה נמכר: [סוג המוצרים, כולל מתכלים, מוצרים בהתאמה אישית או מוצרים דיגיטליים], משלוחים: [אזורים, זמנים ועלויות], למי מוכרים: [צרכנים פרטיים, עסקים או שניהם], פלטפורמה ותשלום: [למשל Shopify עם Cardcom].
לפני שאתה כותב, שאל עד 3 שאלות על מה שחסר, למשל אם יש מבצעים, מנויים או אחריות יצרן.
כתוב שני מסמכים בעברית ברורה:
1. תקנון אתר: פרטי העסק, תנאי שימוש, הזמנה ואישורה, מחירים (כולל מע"מ) ותשלום, משלוח ואספקה, מלאי וטעויות במחיר, אחריות, קניין רוחני, פרטיות בהפניה למדיניות, וסמכות שיפוט.
2. מדיניות ביטולים והחזרות לפי חוק הגנת הצרכן: איך מבטלים עסקה ובאילו ערוצים, תוך כמה זמן, דמי ביטול, מתי מקבלים החזר כספי, מוצר פגום לעומת החזרה רגילה, מוצרים שהחוק מחריג מזכות הביטול, וזכויות מורחבות לקבוצות שהחוק מגדיר.
חוקים: אל תמציא פרקי זמן, אחוזים, סכומים או סעיפי חוק. כתוב מספר כזה רק אם אתה בטוח בו, וסמן לידו (לאימות עו"ד). אל תכניס סעיף שמגביל זכות שהחוק נותן לצרכן.
עברית טבעית, לא תרגום מאנגלית, במשפטים שלקוח רגיל מבין.
תוצר: שני המסמכים המלאים, ואחריהם טבלה של כל סימוני האימות ושל נקודות שדורשות החלטה עסקית. בראש כל מסמך ובסופו כתוב שזו טיוטה שאינה ייעוץ משפטי, ושעורך דין המתמחה בדיני הגנת הצרכן חייב לבדוק ולאשר אותה לפני פרסום.
לפני שאתה מגיש, ודא שכל מספר במסמכים מסומן לאימות ושאין סעיף שמטיל על הלקוח חובה בלי בסיס.

אתה מפתח ויועץ נגישות טכני בכיר שמכין טיוטות לבדיקה של מורשה נגישות. הפרויקט: [תיקייה או כתובת], העסק: [שם העסק], איש הקשר לפניות נגישות: [שם, טלפון ומייל], דוח הבדיקה שנעשתה: [הדבק, או "תבדוק בעצמך"], תאריך הבדיקה: [תאריך].
שלב 1: אם אין דוח, הרץ axe ובדיקת מקלדת על העמודים המרכזיים, ורשום מה נמצא ומה תוקן. אל תסתמך על הנחות.
שלב 2: כתוב טיוטת הצהרת נגישות בעברית, שמתבססת על תקנות הנגישות לשירות ועל ת"י 5568, עם הסעיפים: מחויבות העסק לנגישות, רמת ההתאמה שהאתר שואף אליה, ההתאמות שבוצעו בפועל לפי הבדיקה (ניווט במקלדת, ניגודיות, טקסט חלופי, טפסים, כותרות), חלקים שעדיין לא נגישים ומתי יטופלו, תוכן של צד שלישי, דרכי פנייה בנושא נגישות, ותאריך העדכון האחרון.
שלב 3: בנה עמוד accessibility.html בעיצוב האתר, נגיש בעצמו, וקשר אליו מהפוטר של כל עמוד.
חוקים: כתוב רק התאמות שהבדיקה אישרה. אל תכתוב שהאתר "נגיש במלואו" או "עומד בתקן", אל תמציא רמת תקן או פרטים שלא סופקו, ואל תציג ווידג'ט נגישות כהתאמה. כתוב בסוגריים (לבדיקת מורשה נגישות) ליד כל סעיף שנשען על פרשנות של התקנות, כולל השאלה אם העסק חייב ברכז נגישות.
עברית טבעית, לא תרגום מאנגלית.
תוצר: הטיוטה, הקוד של העמוד ורשימת כל הסימונים לבדיקה. בראש הטיוטה כתוב שזו טיוטה טכנית, ושאין לפרסם אותה לפני שמורשה נגישות יבדוק את ההצהרה ואת האתר עצמו.
לפני שאתה מגיש, ודא שכל התאמה שמופיעה בהצהרה מופיעה גם בדוח הבדיקה.